安裝程式碼提示外掛。 用這個外掛。

寫程式碼

2 寫好程式碼，要加路由的啊！

複習看過去的程式碼。

換一個，能寫的進行測試的了。

過去檔案，測試3

不僅僅路由加了，app.vue裡面同樣要寫入的！ 只是這個不太會寫。 。。。

終於顯示出來，並全面沒有報錯

修改加入程式碼了。

1 //1 加路由
2   {
3     path:'/hello',
4     name:'hello',
5     component:()=>import('../components/hello.vue')
6   },

預設生成的程式碼中，加入的程式碼塊。根元件app.vue程式碼

1  <!-- 加入程式碼 -->
2 
3 
4 <div id="nav">
5      
6       <router-link to="/hello">hello</router-link>
7     </div>
8     <router-view />
9  <!-- 加入程式碼 -->

加入這些， 寫入的元件hello，就可以顯示的了。如上圖所示。