npm vue 路由配置

1.先在components文件夹里创建一个名字为Test.vue（名字自取）

 

注意：图二里面可以任意写内容，记得保存内容（ctrl+s），但不能不写，否则会报错

2.打开vue路由官方文档 （https://cn.vuejs.org/v2/guide/routing.html）

 

 

3.安装路由（命令：npm install vue-router） 

注意 ：暂停快捷键（ctrl+c）

4.安装好后，检查 

 出现则安装成功！！！

5.引入路由

6.引入内容

 ​​​​​​

保存，运行命令（npm run serve）

 按ctrl键，鼠标移进点击

 7.在App.vue中添加路由

 

网页显示：

 

整个路由嵌套成功！！！

8.为了更方便的增加页面使用，新创建一个文件夹（自取名字）

9.第二层嵌套

 第一层：

第二层：