Berhijrah daripada Vuex 0.6.x kepada 1.0


Vuex 2.0 telah dikeluarkan, tetapi panduan ini hanya merangkumi pemindahan ke 1.0? Adakah ini salah taip? Selain itu, nampaknya Vuex 1.0 dan 2.0 turut dikeluarkan pada masa yang sama. Bagaimana keadaan ini? Yang mana satu harus saya gunakan dan yang mana satu serasi dengan Vue 2.0?


Vuex 1.0 dan 2.0 adalah seperti berikut:

  • Kedua-duanya menyokong sepenuhnya Vue 1.0 dan 2.0

  • akan kekal disokong untuk masa hadapan

namun sasaran mereka berbeza sedikit.

Vuex 2.0 secara asasnya direka bentuk semula dan menyediakan API yang bersih untuk membantu pengguna yang memulakan projek baharu atau yang ingin menggunakan teknologi termaju dengan pengurusan keadaan pihak pelanggan.

Panduan migrasi ini tidak meliputi barangan Vuex 2.0, jadi jika anda ingin mengetahui lebih lanjut, lihat dokumentasi Vuex 2.0.

Vuex 1.0 terutamanya serasi ke belakang, jadi peningkatan hanya memerlukan perubahan kecil. Disyorkan untuk pengguna yang mempunyai pangkalan kod sedia ada yang besar, atau mereka yang hanya ingin menaik taraf kepada Vue 2.0 selancar mungkin. Panduan ini bertujuan untuk memudahkan proses ini tetapi hanya termasuk arahan penghijrahan. Untuk arahan penggunaan yang lengkap, sila lihat dokumentasi

Vuex 1.0.


Direktori

store.watch dengan laluan atribut rentetan Kini hanya fungsi yang diterima. Oleh itu, dalam contoh berikut, anda perlu menggantikan: 

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

dengan: 

store.watch(
  // 当返回结果改变...
  function (state) {
    return state.user.notifications
  },
  // 执行回调函数
  callback
)
Ini membantu anda mengawal dengan lebih sepenuhnya sifat reaktif yang perlu dipantau.
store.watch 替换

store.watch 现在只接受函数。因此，下面例子你需要替换：

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

为：

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

这帮助你更加完善的控制那些需要监听的响应式属性。

升级方式

在代码库运行 迁移工具，查找在 store.watch

Kaedah naik taraf
🎜🎜Jalankan alat migrasi🎜 dalam pangkalan kod, cari dalam store.watch menggunakan rentetan sebagai parameter pertama. 🎜🎜. /kod>). Jika anda sebelum ini menggunakan kedai sebagai bas acara global, sila rujuk bab ini untuk penghijrahan arahan.


Untuk menggantikan antara muka ini yang digunakan untuk memerhati peristiwa yang dicetuskan oleh kedai itu sendiri, (contohnya: store.on('mutation', callback)), kami memperkenalkan kaedah baharu < code>store.subscribe. Penggunaan biasa dalam pemalam adalah seperti berikut:

rrreeeUntuk maklumat lanjut, sila lihat Contoh dokumentasi pemalam.
Kaedah naik taraf

Jalankan alat migrasi dalam pangkalan kod dan cari kedai . Contoh on, store.off, store.emit.

on, off, emit)。如果你之前使用 store 作为全局的 event bus，迁移说明相关内容请查阅 此章节。

为了替换正在使用观察 store 自身触发事件的这些接口，(例如：store.on('mutation', callback))，我们引入新的方法 store.subscribe。在插件中的典型使用方式如下：

rrreee

更多信息请查阅 插件文档 的示例。

升级方式

在代码库运行 迁移工具，查找使用了 store.on，store.off，store.emit 的事例。


中间件 替换

中间件被替换为插件。插件是接收 store 作为仅有参数的基本函数，能够监听 store 中的 mutation 事件：

rrreee

更多详情，请查阅 插件文档。

升级方式

在代码库运行 迁移工具，查找使用了 middlewares


Middleware 🎜Replacement🎜🎜🎜🎜🎜🎜Middleware digantikan dengan pemalam. Pemalam ialah fungsi asas yang menerima stor sebagai satu-satunya parameter dan boleh memantau peristiwa mutasi dalam stor: 🎜rrreee🎜Untuk butiran lanjut, sila semak Dokumentasi pemalam. 🎜
🎜🎜Kaedah naik taraf 🎜🎜🎜🎜Jalankan Alat Migrasi dalam pangkalan kod dan cari perisian tengah< Contoh pilihan /code>. 🎜🎜🎜🎜🎜

←