vue中路由跳轉及傳參

學習vue，我們需要了解什麼是單應用頁面、路由以及生命周期：

1.單應用頁面：開發的項目都在一個頁面中，顯示的是目前頁面，其它頁面銷毀。

2.路由：點選切換對應的頁面。

3.生命周期：vue執行個體從挂載到銷毀的過程。

一、在單頁面應用中，使用路由

<router-link>

來進行頁面的跳轉。

<router-link to="/search">xxxx</router-link>   //to是要跳轉到的目标頁面
           

二、傳參：

<ul v-show="special2.flag" v-for="special3 in special2.specials3">
  <router-link :to="{path:'/toSpecial',query:{id:special3.id}}">
    <li>   <!--三級專業-->
      <div class="li2">{{special3.name}}</div>
    </li>
  </router-link>
</ul>
           

因為使用v-for進行循環清單，

<li>

是多行的，我們不知道要傳哪個id值，于是使用

:to

來進行動态綁定。

三、目标頁面

this.$route.query.參數名

取參：

<div>專業編号：{{$route.query.id}}</div>