在當前的前端開發中,路由是一個很重要的概念,尤其是針對單頁面app,因爲通過路由可以實現不跳轉加載刷新。比如angular應用,vue應用。
VUE路由語法:
1.首先,安裝方法和angular路由類似,可以單獨安裝,也可以直接使用VUE-cli集成使用。
2.vue接收路由的渲染輸出的標籤是<router-view></router-view>,angular接收路由的渲染輸出的標籤是
<router-outlet></router-outlet>。只不過angular路由要先
RouterModule.forRoot()開啓監聽;
3.vue路由鏈接的標籤和屬性是<router-link to="/foo">Go to Foo</router-link>,甚至可以使用
<span class="col6" @click="$router.push('/reg')">馬上註冊</span>直接修改路由達到跳轉目的
,angular可使用
<a routerLink="/settings/profile">Profile Settings</a>。