(10/05/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>