<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]
曾经蜡笔没有小新2017-06-15 09:24:41
我的理解,因为这个a是数组;跟对象一样,都是访问内存地址查看。
因为工作中,经常用chrome console.log
一个对象,在调试器点开,里面内容基本一样,但表面可以看出前后结果是不一样的;
但是,打断点,debug就会发现改变之前,和之后是不一样的。
上图