javascript - In vue, why are the values output by console.log affected by the statements after console.log, and how to avoid this effect
In vue, why does the value output by console.log(a) be affected by the statements after console.log(a), and how to avoid this impact
Logically speaking, the values output by console.log twice should be different. Why are they the same? Only the two output values can not interfere with each other
<html>
<head>
<meta charset="utf-8">
<title>Vue 测试实例 - 菜鸟教程(runoob.com)</title>
<script src="https://cdn.bootcss.com/vue/2.2.2/vue.min.js"></script>
</head>
<body>
<p id="app">
<p @click="add">{{a}}</p>
</p>
<script>
new Vue({
el: '#app',
data: {
a:[]
},
methods:{
add:function(){
console.log(this.a);
this.a.push(1);
console.log(this.a);
}
}
})
</script>
</body>
</html>"
![图片描述][1]
欧阳克2685 days ago1276 
