vuex如何在js文件中使用
摘要 本文介绍了如何在.js文件中使用Vuex。通过导出Vuex store模块,在.js文件中直接导入并调用mutations方法,实现状态管理。代码示例展示了从vuex-store.js导出store,并在util.js中调用updateIsLogin mutation的过程。文章强调Vuex不仅限于.vue文件,也可灵活应用于.js文件,扩展了Vuex的使用场景。 关键词:Vuex、状态管理
·
前言
vue项目中比较常用的vuex,一般是在.vue文件中使用,那如何在.js文件中使用呢?
代码实现
1. 导出
vuex-store.js:
export default {
state: {
isLogin: false,
},
mutations: {
updateIsLogin(state, payload) {
state.isLogin = payload
}
}
};
2. 使用
util.js:
import store from '../vuex-store';
export default {
updateIsLogin(value) {
store.mutations.updateIsLogin(store.state, value)
}
}
总结
不要局限思维,.vue中可以使用,.js中也可以使用!
火山引擎开发者社区是火山引擎打造的AI技术生态平台,聚焦Agent与大模型开发,提供豆包系列模型(图像/视频/视觉)、智能分析与会话工具,并配套评测集、动手实验室及行业案例库。社区通过技术沙龙、挑战赛等活动促进开发者成长,新用户可领50万Tokens权益,助力构建智能应用。
更多推荐
所有评论(0)