1、建立乙個首頁元件，並通過路由在根例項中顯示：
router-view>
div>
var router =
new vuerouter(,
]} ]
});
可以在元件當中新增a標籤：
//.prevent修飾可以阻止a標籤本身的跳轉重新整理
回退a>
methods:
}
當所有的路由規則都不匹配時，可以新增乙個預設路由(配置404頁面)：
//定義乙個頁面找不到的元件
var notfound = ;
vue路由配置，vue子路由配置
現在乙個專案已經部署完成，接下來我們從路由開始！還記得在初始化專案的時候，有提示是否需要安裝vue router，對沒錯，vue中路由全靠它！首先找到路由配置檔案 router index.js，是整個專案路由配置檔案 首先看最上面的，這個模組引入，es2015中的import.from.將你需要配...
關於 vue路由初識（子路由）
今天學習了簡單的路由，和children 子路由的用法，大致可以總結為，假如我們在做乙個帶有底部導航的移動端專案可以這樣寫 routes 其中path為 的為根目錄，下面用了children 是因為在跳轉路由一級頁時，底部導航需要一直存在，所以可以採用路由掛載的方式，在 這個頁面中 加入，底部導航也...
Vue路由（vue router）03（子路由）
對於單頁面的vue應用，子路由的配置可能是必不可少的，其實vue的子路由配置很簡單。這篇文章是基於上一片文章 路由配置02 的。示例需求，早footer.vue模組中配置子路由 示例檔案footer01.vue和footer02.vue 1.在components資料夾下新建乙個children資料...