我们现在要新建一个测试页面, 命名为 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: 查看效果
好啦, 新的路由页面已经建立了.
来源: http://www.jianshu.com/p/56c8edd5c59b