vuepress如何引入vuex

前言

为了使vuepress引入vuex，百度了不少页面，但全部都没有用，突然间想起github上的issue，果然找到了解决的办法，再次在心里默哀：百度无用，百度无用，奈何国情如此，只能凑合用了。

正文

我自己编写的npm组件，内置了一些store属性，需要将其挂载vue实例上，通过vuepress可直接展示组件的效果，之前的new Vue方式完全不适用vuepress场景，幸而找到了解决办法，需在enhanceApp.js作如下配置

import { SFViewGetters, SFViewModules } from 'sf-view-vue'; // 自己编写的组件包
import { axios } from './utils/request';
import { SearchBox } from 'sf-view-vue';

window.globalApi = Object.freeze({
  axios,
  oldBaseUrl: "//10.82.232.213:8083"
});
Vue.use(SearchBox);

export default ({
    Vue
}) => {
    Vue.use(Vuex);

    const store = new Vuex.Store({
        modules: {...SFViewModules},
        getters: {...SFViewGetters}
    });
    Vue.mixin({store: store}) 
};

再重新启动，便可顺利显示组件。

标签：Vue,组件,vue,vuepress,引入,import,vuex,store
来源： https://blog.csdn.net/zwf193071/article/details/113513192