路由的使用（router-link和router-view）

目录

一、准备
 二、基本使用
 三、多级路由
 四、三层路由嵌套
五、不借助实现路由跳转，让路由跳转更加灵活

一、准备
1、安装路由
        npm i vue-router
2、在main.js文件中引入VueRouter 并应用插件  
import Vue from 'vue'
import App from './App.vue'
//引入VueRouter
import VueRouter from 'vue-router'
// 引入路由器
import router from './router/index'

//关闭vue的生产提示
Vue.config.productionTip = false
//应用插件
Vue.use(VueRouter)

new Vue({
render: h => h(App),
router:router
}).$mount('#app')
3、创建router文件夹，新建一个index.js文件，这个文件专门用于创建整个文件的路由器

 二

路由的使用（router-link和router-view）最先出现在Python成神之路。