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

相關文章
相關標籤/搜索