vue无法修改data中的数据

在项目开发的过程中，经常会遇到修改data中的某一个对象或添加一个属性，控制台数据改变但是视图层并没有更新该数据，是什么造成的呢？由于受JavaScript的限制，vue.js不能监听对象属性的添加和删除，因为在vue组件初始化的过程中，会调用getter和setter方法，所以该属性必须是存在在data中，视图层才会响应该数据的变化

解决这个问题的方法大体有两种：

一、 使用this.$set(obj, key, value)/vue.set(obj, key, value)

动态添加属性和值

二、this.$forceUpdate()。进行强制渲染。