- 响应式数据
- 组件实例初始化的时候已有的数据
- 当数据发生改变的时候会触发视图更新
- 非响应式数据
- 组件实例初始化的时候没有的数据,后期直接添加给实例的
- 数据发生改变的时候不会触发视图更新
- 如何设置非响应式数据
- Vue.set(tartget,propertypeName/index,value)
- vm.$set(tartget,propertypeName/index,value)
例:这里的count就是后期添加的非响应式数据,所以当数据变化时,视图不会更新
结果:
解决方法:
把新添加的属性以响应式数据的形式添加,使用set方法
这样就能达到数据更新的时候触发视图更新的目的了