VUE-03 双层路由

1.在scr创建一个新的路由文件夹router和文件router.js

 2.router.js的配置内容（router.js是子路由）

 双层路由标准代码：

ps:(import 定义名 form "路径"
import Test from "路径"
import Demo01 from "路径"
const routes = 
[    {        path: "设置路径1", component: Test, 
children: [{            path: "/路径1/设置路径2", component: Demo01        }]    },]
export default routes;

单层路由和双层路由的区别：

3. 在main.js上增加路由：import 定义名 form "路径"

 4.父路由，增加：   <router-view> </router-view><!-- 显示其他页面的内容 -->

 5.子路由

 6.双层路由：结果