我们现在要新建一个测试页面,命名为Test.vue
1:在components底下新建Test.vue
<template> <div>我是测试界面</div> </template> <script> </script> <style> </style>
2:打开App.vue
{name:'/components/Test',navItem:'测试界面'},
3:打开路由来,导入组件
index.js
import Test from '@/components/Test' { path: '/components/Test', name: 'Test', component: Test }
4:查看效果
好啦,新的路由页面已经建立了。