vue路由全面详解（上）：基本使用、多级路由、工作模式…

四、注意事项

---

理解

–

vue 提出了路由 route 的概念。 vue 中的路由 route ，是一组映射关系（ key - value ），key 是路径，value 是组件，也就是路径与组件之间的映射。 多个路由需要路由器（router）进行管理。

注意：vue 中的路由 route ，与我们在计算机网络中的路由 没有任何关系，他们只是 同名 而已！

原始 html 中我们使用 a 标签实现 html 页面之间的跳转，使用路由之后，如果我们进行组件（也就是页面）切换与跳转，那么路由可以帮我们实现局部切换，不会全部刷新页面，节省开销。

一.基本使用

---

1.安装

在创建 vue 项目时，我们可以选择自定义安装**路由，**也可以选择默认安装，之后，在终端使用命令安装：

npm i vue-router

2.应用插件

在 src文件夹下，新建 router 文件夹，新建文件 index.js