vuepress 如何引入 vuex
众所周知,vuepress 虽然基于 Vue,但使用上还是有些许区别的,比如如何使用 vuex
Vue 项目有 main.js 入口,可以引入并使用 vuex,而 vuepress 只能在 enhanceApp.js 中处理一些配置信息,但无法与 main.js 相比,比如我可以引入并 Vue.use(Vuex),但无法配置 store,官方文档也没有相关说明
直到百度找到这篇文章:vuepress 如何引入 vuex (opens new window)
这篇文章是通过 mixin 来配置 store 的,而且还提出一种解决思路:去 github 的 issues 查找相关问题
通过搜索 vuex 找到了这个 issues: enhanceApp options should merge options we pass · Issue #1631 · vuejs/vuepress (opens new window)
可以通过
Object.assign(options, {
store
})
1
2
3
2
3
把 store 配置好,这个看着还是不错的,而且这个是一个简单示例
而我们一般都是新建一个 store.js 文件,在文件里引入 Vue 及 Vuex,然后 Vue.use(Vuex) 并编写 store 的 actions 等配置,最后 export default new Vuex.store({})
最后在 enhanceApp.js 中引入 store.js,然后使用 Object.assign() 合并即可
编辑 (opens new window)
上次更新: 5/27/2023, 1:02:05 PM