vue 视图不渲染问题总结

1. vuex书写不规范导致组件视图不更新？
   在vuex中初始化一个对象，实际的值是嵌套对象，给vuex赋值是直接用obj.prop = {...};这种的，在组件的计算属性若用到这个vuex则会导致视图不更新；这是因为vuex赋值书写不规范，导致未触发组件的计算属性进而导致视图不更新。正确书写应该是：

Vue.set(obj,prop,{...})

这样就会触发计算属性重新计算更新组件的视图。

2. 页面嵌套组件时，数据未更新完毕就调用组件的函数导致组件中视图不更新？
   这种可以使用：

this.$nextTick(res=>{
//..调起组件函数的代码
})

3. 页面中数据不更新？
   这是因为赋值书写不规范,书写规范就可以：

this.$set(this.obj,prop,{...})