vue 值的更新

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

  1.本组件的一些变量,或者是主view(路由页面)一些值,是经过vuex 中state赋值的话,由于是全局变量。因此不会切换路由而初始化的,因此这种缓存的值会形成必定的困扰,详细的能够看看另一篇博客,浅谈 vuex state,里面有具体的例子。 对于这种问题,目前我本身的方法就是苦逼的初始化咯。本身手动从新赋值就是了。vuex

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

经过state赋值,可是页面上并不能当即更新。    对于这个问题,只须要在dom刷新以前赋值就好了,vue里面有create,即在该组件页面未生成时能够经过这个方法赋值,还有一个nextTick:浏览器

  • 参数:缓存

    • {Function} [callback]
  • 用法:框架

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

    2.1.0 起新增:若是没有提供回调且在支持 Promise 的环境中,则返回一个 Promise。请注意 Vue 不自带 Promise 的 polyfill,因此若是你的目标浏览器不是原生支持 Promise (IE:大家都看我干吗),你得自行 polyfill。异步

 上面是官网的介绍,我就直接拿了。意思就是说,在dom更新以前,能够经过该api赋值,那么dom更新后就没问题了this

相关文章
相关标签/搜索