VueConfig 简介

在一个常规的前后端（Frontend for Backends）程序中，我们需要使用VueRouter、Vuex，有时需要注册全局API或者注册插件等。 基本上这些信息都是散落在各个模块内部的，没有统一的一个配置文件。在模块调整的时候，需要修改多处的代码。VueConfig就是 为了解决这个问题的。

VueConfig提供了VueRouter、Vuex、全局API、Vue组件和菜单项等内容的配置管理功能，以模块为单位注册到Vue系统实例中。 VueConfig的最大优势在于划清了模块之间的界限，新增和删除模块时修改少量的配置代码即可完成。

安装config

npm install jinhe-vue-config

导入

import VueCfg from 'jinhe-vue-config'

添加引用

import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)
import Vuex from 'vuex';
Vue.use(Vuex);

使用

1. 模块开发

参考模块配置规范配置模块

2. 在vue实例初始化之前注册模块

import System from '@/views/System'
VueCfg.use(System)

3. VueCfg启动

VueCfg.start()

4. 配置vue实例

new Vue({
    el: '#app',
    router: VueCfg.router,
    store: VueCfg.store,
    render: h => h(App)
});