vue-router的使用步骤

1：定义路由并导出

import Vue from 'vue'
import VueRouter from 'vue-router'

Vue.use(VueRouter)

const router =new VueRouter({
    routes:[
        {
            path:'/login',
            component:Login
        }
    ]
})
export default router

2：在main.js中导入，并挂载到vue实例中

import Vue from 'vue'
import App from './App.vue'
import router from './router'


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

3：设置路由出口

<template>
  <div id="app">
     <router-view/>

  </div>
</template>