vue路由

npm install vue-router@3 --save-dev --registry=http://registry.npmmirror.com

import Vue from 'vue'
//导入路由插件
import VueRouter from 'vue-router'
//导入自己的控件（相当于让哪些电脑 or 手机连接到路由器上 ）
import Main from '../components/Main'
import Cont from '../components/Content'
import User from '../components/User'

//安装路由
Vue.use(VueRouter);

//配置路由
export default new VueRouter({
    routes:[
        {
            //路由路径（可以随便起但要符合命名规范）
            path:'/main',
            //路由名称（可以省略）
            name:'main',
            //跳转的资源
            component:Main
        },
        {
            path:'/Cont',
            component:Cont

        },
        {
            path:'/user',
            component:User
        }
        
    ]
})

import Vue from 'vue'
import App from './App.vue'
import router from './router'
//导入elementUI
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';

Vue.config.productionTip = false

//显示的使用路由
Vue.use(router);

//显示的使用ElementUI
Vue.use(ElementUI);

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