vue-router

vue-router
先在src目录下安装router文件夹，创建index.vue文件
安装vue-router

npm i vue-router -S

在router文件夹下创建index.js

1.import VueRouter from 'vue-router'
import Vue from 'vue'
import  Home from '../page/home'
import  Login from '../page/mine/Login.vue'

//VueRouter 是Vue的一个插件，插件的使用都要通过Vue.use()来调用

Vue.use(VueRouter)

//const router =new VueRouter(option)
//option是路由的配置选项

const router =new VueRouter({
//routes  路由表，也就是统一一个地方进行路由路径的配置
routes：[{
path:'/home',
component:Home
}],
mode:'history'
})
//component 后面的内容是在page下创建home文件夹，创建index.vue文件
//在此文件里引入home文件的路径
//import  Home from '../page/home'

下面就是全局引入或者按需引入插件库中的组件

二级路由
再一级路由下创建vue的文件
在router文件夹下找到index.vue中找到一级路径
下写

children：[
{
path:‘login‘，//不到’  /  ‘
component：Login
}
]
//接着再跟上面的一样  import 引入路径
  
全局通用的$route  和  $router
在main.js中引入
import router from './router'
new Vue({
  router, // 在项目中注入路由，让所有的子组件都用于路由属性 $route  $router
  render: h => h(App),
}).$mount('#app')

在项目中引入Element UI
先安装 npm i element-ui -S
在main.js中引入插件与样式
插件要用 Vue.use()

import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use( ElementUI )