從 Vuex 0.6.x 遷移到 1.0

Vuex 2.0 已經發布了，但是這份指南只涵蓋遷移到 1.0？這是打錯了嗎？此外，似乎 Vuex 1.0 和 2.0 也同時發布。這是怎么回事？我該用哪一個并且哪一個兼容 Vue 2.0呢？

Vuex 1.0 和 2.0 如下：

• 都完全支持 Vue 1.0 和 2.0
• 將在可預見的未來保留支持

然而它們的目標用戶稍微有所不同。

Vuex 2.0?從根本上重新設計并且提供簡潔的 API，用于幫助正在開始一個新項目的用戶，或想要用客戶端狀態管理前沿技術的用戶。此遷移指南不涵蓋 Vuex 2.0 相關內容，因此如果你想了解更多，請查閱?Vuex 2.0 文檔。

Vuex 1.0?主要是向下兼容，所以升級只需要很小的改動。推薦擁有大量現存代碼庫的用戶，或只想盡可能平滑升級 Vue 2.0 的用戶。這份指南致力促進這一過程，但僅包括遷移說明。完整使用指南請查閱?Vuex 1.0 文檔。

帶字符串屬性路徑的?store.watch?替換

store.watch?現在只接受函數。因此，下面例子你需要替換：

store.watch('user.notifications', callback)

為：

store.watch(// 當返回結果改變...function (state) {return state.user.notifications},// 執行回調函數callback )

這幫助你更加完善的控制那些需要監聽的響應式屬性。

升級方法

在代碼庫運行遷移工具，查找在?store.watch?中使用字符串作為第一個參數的事例。

Store 的事件觸發器?移除

store 實例不再暴露事件觸發器 (event emitter) 接口 (on,?off,?emit)。如果你之前使用 store 作為全局的 event bus，遷移說明相關內容請查閱此章節。

為了替換正在使用觀察 store 自身觸發事件的這些接口，(例如：store.on('mutation', callback))，我們引入新的方法?store.subscribe。在插件中的典型使用方式如下：

var myPlugin = store => {store.subscribe(function (mutation, state) {// Do something...}) }

更多信息請查閱插件文檔的示例。

升級方式

在代碼庫運行遷移工具，查找使用了?store.on,?store.off,?store.emit的事例。

中間件?替換

中間件被替換為插件。插件是接收 store 作為僅有參數的基本函數，能夠監聽 store 中的 mutation 事件：

const myPlugins = store => {store.subscribe('mutation', (mutation, state) => {// Do something...}) }

更多詳情，請查閱?插件文檔。

升級方法

在代碼庫運行遷移工具，查找使用了?middlewares?選項的事例。

from:?https://cn.vuejs.org/v2/guide/migration-vuex.html

總結

以上是生活随笔為你收集整理的从 Vuex 0.6.x 迁移到 1.0的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。