Vue 学习随笔四 - 路由介绍

Posted 2021-01-14 szwangyu51

 

项目新建成功后，我们尝试着添加一个新的页面。此时，我们需要使用VUE默认的router功能，在src/router下面有个index.js文件。

默认的是下面这个样子：

其中 import 代表导入这个页面，下面对应的有一个路由的定义，初始化的时候定义了一个 "/" 的默认路径。

这时候，我们在src下添加一个pages的目录，用来存放新定义的页面，你也可以放在components下，或者自定义别的文件夹。

看一下我们的目录：

此时，我们的路由定义修改为下面的样子：

其中，mode: ‘history‘ 是VUE2.5新增的路由模式。