1、安装vue-router包
2、创建路由模块
3、导入并挂载路由模块
4、生命路由链接和占位符
一、装包
npm i vue-router@3.5.2 -S
装完以后,在package.json中的会有vue-router。
二、创建路由模块
在src下,新建router/index.js路由模块,并初始化:
这里导入vue就是为了用use这个函数,use的作用是安装插件。这里vuerouter是一个插件。
路由模块创建好以后,要跟main发生关联,必须挂载到项目中
三、在main.js中导入并挂载router
在模块化导入的时候,如果给定的是文件夹,则默认会加载该文件夹下名字为 index.js文件