vue2 数据改了，但是页面内容并没有改变

梨子1

var vm = new Vue({ data () { return { abc: 1 } }) // vm.cba = 2 不会更新视图 
原因： abc在data中定义了，而cba没有，所以cba，没有初始化，不是响应式的

梨子2

var vm = new Vue({ data () { return { aaa: ['1', '2', '3'] } } }) vm.aaa[0] = '666' 不会更新视图
可使用push,pop等方式操作
原因： 不支持直接对数组进行赋值修改

破解： Vue.set和vm.$set 或者 $forceUpdate