最近在學習vue框架，從網上找了一個實例但是只有一個頁面，就是所有組件都放到App.vue里，結果點擊按鈕，所有內容都顯示在當前頁面，但是我想實現頁面的跳轉，搞了好幾天，終於在網上找到了一個例子。下面貼出在一個頁面添加組件以及跳轉頁面的代碼。
單頁應用（SPA），那么整個項目有以下三個文件是必要的:
- 一個html文件：index.html
- 一個webpack打包時的入口js文件：main.js
- 一個根vue組件，作為其他組件的掛載點：app.vue （作為首頁）
1、實現頁面的跳轉：
1、首先在conponent文件夾中創建index.vue和hello.vue文件
2、修改main.js文件
3、修改App.vue
4、修改index.html
這樣就會把渲染出來的頁面掛載到這個id為app的div里了。
2、在頁面中添加組件
如果我在App.vue里添加組件login.vue,然后配置路由main.js
運行結果如下：
但是如果我想把這個組件放到hello.vue組件里按照該方法就不對了，不知道為什么。
這個錯誤的意思貌似是找不到路徑，
后來解決了這個問題，方法是對的，但是路徑需要改一下。 import login from '../components/login.vue';（有兩個點）
注：對於路徑的寫法： ./ 當前目錄 ../ 父級目錄 / 根目錄