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)
上次更新: 8/24/2022, 1:51:37 PM
- 01
- 搭配 Jenkins 实现自动化打包微前端多个项目09-15
- 02
- 自动化打包微前端多个项目09-15
- 03
- el-upload 直传阿里 oss 并且显示自带进度条和视频回显封面图06-05