我們現(xiàn)在要新建一個測試頁面，命名為Test.vue

1:在components底下新建Test.vue

<template>
    <div>我是測試界面</div>
</template>

<script>
</script>

<style>
</style>

2:打開App.vue
{name:'/components/Test',navItem:'測試界面'},

3:打開路由來，導(dǎo)入組件
index.js

import Test from '@/components/Test'

{
      path: '/components/Test',
      name: 'Test',
      component: Test
    }

4：查看效果

好啦，新的路由頁面已經(jīng)建立了。

原文作者：祈澈姑娘 技術(shù)博客：http://www.itdecent.cn/u/05f416aefbe1
90后前端妹子，愛編程，愛運(yùn)營，文藝與代碼齊飛，魅力與智慧共存的程序媛一枚，對于博客上面有不會的問題，歡迎加入編程微刊qq群：260352626。