课程名称：前端框架及项目面试 聚焦Vue3/React/Webpack

课程章节：Vue3.0

主讲老师：双越老师

课程内容：

今天学习内容包括：

1. 路由的基本使用

课程收获：

路由的基本使用

• 在终端键入：npm i vue-router@3

• 对应的是 vue2.x 版本

• Vue.use(VueRouter)

• active-class 是 vue-router 模块的 router-link 组件中的属性，用来做选中样式的切换

几个注意点：

• 路由组件通常放在 pages 文件夹，一般组件通常放在 components 文件夹

• 通过切换，隐藏了的路由组件，默认是被 销毁 的，需要的时候再去挂载。

• 每个组件都有自己的 $route 属性，里面存储着自己的路由信息。

• 整个应用只有一个 router，可以通过组件的 $router 属性获取到。

课程学习截图：