vue 值的更新

Posted 2020-10-15 岁末博

　　　用了vue开发了一段时间，基本上感觉都是比较好用的一个框架，刚开始还是会存在一些小坑的东西，这里先浅谈下值的更新问题。

　　1.本组件的一些变量，或者是主view（路由页面）一些值，是通过vuex 中state赋值的话，因为是全局变量。所以不会切换路由而初始化的，所以这种缓存的值会造成一定的困扰，详细的可以看看另外一篇博客，浅谈 vuex state，里面有具体的例子。 对于这种问题，目前我自己的方法就是苦逼的初始化咯。自己手动重新赋值就是了。

　　2 在dom更新时，相应的值也不一定能及时刷新在dom上，因为异步的原因，会有dom刷新快的，而赋值慢的，最后就是数据显示不正确了。在上面说的那篇博客就是如此，

通过state赋值，但是页面上并不能立即更新。    对于这个问题，只需要在dom刷新之前赋值就行了，vue里面有create，即在该组件页面未生成时可以通过这个方法赋值，还有一个nextTick:

• 参数：

  • {Function} [callback]

• 用法：

  将回调延迟到下次 DOM 更新循环之后执行。在修改数据之后立即使用它，然后等待 DOM 更新。它跟全局方法 Vue.nextTick 一样，不同的是回调的 this 自动绑定到调用它的实例上。

  2.1.0 起新增：如果没有提供回调且在支持 Promise 的环境中，则返回一个 Promise。请注意 Vue 不自带 Promise 的 polyfill，所以如果你的目标浏览器不是原生支持 Promise (IE：你们都看我干嘛)，你得自行 polyfill。

　上面是官网的介绍，我就直接拿了。意思就是说，在dom更新之前，可以通过该api赋值，那么dom更新后就没问题了