Vue配置

1 routes.js配置

 

import VueRouter from 'vue-router'
// import Home from '../components/Home.vue' 引入路由组件


const routes = [
    // { path: '/', component: Home },   配置组件和路由
]




const router = new VueRouter({
    routes: routes,
    mode: 'history'
})




export default router

 

 

 

2 store.js 配置

 

import Vue from 'vue';
import Vuex from 'vuex'

Vue.use(Vuex)

export const store = new Vuex.Store({
    state: {
        
    },
    getters: {

    },
    mutations: {
       
    }
});

 

 

3 main.js配置

import Vue from 'vue'
import App from './App.vue'
import VueRouter from 'vue-router'
import router from './router/router'      //改位置
import axios from 'axios'
import { store } from './store/store'   //改位置
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';


Vue.prototype.$axios = axios
Vue.use(ElementUI);
Vue.use(VueRouter)
Vue.config.productionTip = false



new Vue({
  render: h => h(App),
  router: router,
  store: store
}).$mount('#app')