![7f6a002aeb45b2babba03a2d505a7153.png](https://i-blog.csdnimg.cn/blog_migrate/33bd5d4d77a6d616a8e5b458f4214850.jpeg)
上篇我们说了vue项目的目录设计,本篇我们来学习一下vue路由。
路由的作用:
在web端路由(route)就是URL到函数的映射,vue的router就像一个容器,分配,处理每一个route到URL中。
文档地址:
vue路由官方文档https://router.vuejs.org/zh/guide/#html
安装:
- 通过node.js安装;
npm
![7d2600cfe4ea2c41627411a77a30e836.png](https://i-blog.csdnimg.cn/blog_migrate/cafabb191c768a988c974c305eb2a8de.jpeg)
- 但是一般情况下在node中安装vue项目的时候根据提示选择安装vue-router;
如何使用路由:
举个项目例子: