vue 视图不更新

参考 vue不更新

• 使用 this.$forceUpdate()
• 使用this.$nextTick
  在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。

---

一种情况:
使用vuex 的时候,

下面这种情况已经在data中写死了, 除非更新, 不然数据不会发生变化;

data() {
	return {
			name:this.$store.state.remark
		}
	},
	...

将store从HTML中拿出来了, 但是不会更新(再接将this.$store.state.remark)写在html 中store发生了改变会直接更新,

这事需要使用 watch 或者computed来监听变化(这里监听的是store.state)

• watch:
  ----(注意watch的写法)-----------------

watch:{
		'$store.state.remark':function(newOne,oldOne){
			return this.name=newOne
			// console.log(newOne,oldOne);
		}
	},

• computed:
  就是计算属性放在HTML中 , 然后这个属性在computed中进行store操作

或者这种方法:比较麻烦一些

---

还有一种情况是本地存储不会实时更新

1. 直接强制更新刷新页面
2. 利用 生命周期函数onShow,/onLoad()
   在结合this.$nextTick(),与this.$forceUpdate()