VUE路由(2018)

  在当前的前端开发中,路由是一个很重要的概念,尤其是针对单页面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>。

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章