vue开发data值变化了页面不刷新

开发vue, 最经常遇到的问题，可能是只要开发vue绕不过去的弯。不论在console打印的值是最新的，页面上打印的却还是不确定啥时候的值。可能的解决办法罗列一下：

1、对于未在data中声明值，这些值在程序中用this.msg=“”, 是不响应的。

2、对于在data中声明的对象。如果这些对象中没有该属性，二十通过程序用this.msg.newKey=“”的方式声明，也是不响应的。在对象中新增属性需要用this.$set(对象或数组, 'key'或者索引, 新值); 这样可以让数据具备响应的特性。

3、Object.assign({}, a); 这会生成一个新的对象。然后this.data = obj。 就是新值。

4、对于数组，push()、pop()、shift()、unshift()、splice()、sort()、reverse() 这些vue都可以识别。根据数组的下标去修改内容，vue识别不了

5、在异步返回时，改变data值，页面不刷新，可以使用this.nextTick(()=>{...})。在值修改完成后渲染DOM后再用新值渲染页面。

6、v-if="" 假如需要改变data某个值， 提前在view中v-if="false", 之后再v-if="true"。这样页面不太美观，不过实在改不过来可以试试。

7、this.$forceUpdate()  每次this.data改完后执行。