Vue-Router基本使用

1 安装:

vue2项目要安装vue-router@3版本

npm i vue-router@3

2 src下创建router目录,router文件夹下创建index.js

Vue-Router基本使用_第1张图片

在vue.config.js中 配置src路径别名

Vue-Router基本使用_第2张图片

 3 在main.js中引入

Vue-Router基本使用_第3张图片

4 在app.vue中配置

Vue-Router基本使用_第4张图片

 5 即可看到内容

Vue-Router基本使用_第5张图片

 Vue-Router基本使用_第6张图片

 

你可能感兴趣的:(vue.js,前端,javascript)