vue中的路由（一）

vue路由梳理(自用)

安装的vue笔记请参考尚硅谷vue笔记

基本路由的使用

1.安装vue-router插件，命令：npm i vue-router

2.编写router配置项
- 引入VueRouter
- 引入组件
- 创建router实例，编写routes

3.在app.vue文件中应用路由插件
- 引入vue-router ，代码：import VueRouter from ‘vue-router’
- 应用插件，代码：Vue.use(VueRouter)
- 导入router实例，代码：import router from ‘./router’
- 在vm上添加router配置项
4.切换的实现：标签，常用属性to,active属性详解
5.指定展示位置：router-view标签