Vue2六、路由：声明式导航router-link，编程式导航 this.$router.push，查询参数，动态路由传参，(5+2步骤)，重定向，路由404，路由模式，组件缓存 keep-alive

一、路由和VueRouter 的使用 (5 + 2)

5个基础步骤

1：下载：下载VueRouter 模块到当前工程，版本3.6.5

yarn add [email protected]
npm i  [email protected]

2引入

import VueRouter from'vue-router"

3安装注册

Vue.use(VueRouter)

4创建路由对象

const router = new VueRouter()

5注入，将路由对象注入到newVue实例中，建立关联

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

2个核心步骤

① 创建组件，配置规则 (路径和组件的匹配关系 )

二、组件存放目录