我曾經做過AngularJS,現在我想嘗試用Vue.js作業。
但是我有一個簡單的問題:使用和訪問狀態的最佳方式是什么?我在谷歌上看到了很多解決方案,但我找不到哪種方法對初學者來說是最好的。
我曾這樣使用狀態:
$state。 go('homework', { homework: homework.homework}) 。
你能給我一個Vue中這個代碼的例子嗎?
uj5u.com熱心網友回復:
在Vue.js中,它與Vuex,管理庫一起作業。你可以在Vue.js 這里或和Vuex 這里找到狀態管理的檔案。
來自Vuex檔案的例子:
const store = new Vuex.Store({
state: {
count: 0.
},
mutations: {
遞增(state) {
state.count
}
}
})
在你的應用程式中使用你的Vuex存盤:
new Vue({
el: '#app',
儲存
})
在一個組件中訪問你的狀態:
this.$store.state.count>.
根據例子改變狀態(state.count ):
this.$store.commit('increment')
編輯:
用一個例子來完成對你問題的回答。申報
const store = new Vuex.Store( {
state: {
homework: "示例"。
},
mutations: {
setNewHomework (state, newHomework) {
state.homework = newHomework
}
}
})
為homework設定一個新狀態:
this.$store。 commit('setNewHomework'/span>, 'New Homework'/span>)
uj5u.com熱心網友回復:
通過$state.go,我相信你正在使用ui-router。
在這種情況下,你應該檢查一下Vue Router。它的作業原理很相似。
轉載請註明出處,本文鏈接:https://www.uj5u.com/caozuo/307490.html
標籤:
