=> 定义: 创建文件夹, 用来放 mutations 中使用的常量
export const HANDLKE_ABC = 'HANDLKE_ABC'
=> vuex 管理
import * as types from "./modules-types"
export default {
namespaced: true,
state: {
name: '小熊佩奇'
},
mutations: {
[types.CHECKED_ABC]( state, payload ) {
// console.log(state, payload);
state.name = payload
}
},
actions: {
[types.CHECKED_ABC]( { commit }, payload ) {
// console.log( commit , payload);
setTimeout (() => {
commit ( types.CHECKED_ABC, payload )
}, 1000 )
}
}
}
=> 传值
export default {
methods: {
changeName() {
<!--同步操作 使用 commit 方法进行传值-->
// this.$store.commit( `home/${types.CHECKED_ABC}`, '小熊维尼' )
<!--异步操作通过 dispatch 方法进行传值-->
this.$store.dispatch( `home/${types.CHECKED_ABC}`, '小熊维尼' )
}
},
}
通过定义常量方式使用 vueX 中的方法
最新推荐文章于 2024-04-16 00:21:04 发布