1.首先在控制台下载vue-router(下载命令是npm i vue-router -S)
2.在src下新建文件夹router,在router的index.js文件中写入
import Vue from 'vue'
import Router from 'vue-router'
import index from '../App.vue'
import Login from '../views/login/login.vue'
Vue.use(Router)
export default new Router({
mode:'history',
routes:[{
path: '/',
name: 'index',
component: index
}]
})
3.在main.js文件中引入
import router from './router/index'
new Vue({
router,
render: h => h(App),
}).$mount('#app')
4.在App.vue中写
<template>
<div id = "app">
<router-view/>
</div>
</template>
export default {
neme: 'app'
}