5/09/21 记vue-router基本用法

1. 安装

npm i vue-router

yarn add vue-router

2. 定义

src/router/index.js

import Vue from 'vue'
import VueRouter from 'vue-router'
import Home from '@/views/index.js'

Vue.use(VueRouter)

const router = new VueRouter({
   routes: [
      { path: '/home', component: Home }     
    ]
})

exprot default router

3.使用

src/main.js引入

import router from '@/router/index.js'

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

src/app.vue  定义路由出口

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