組件支持用戶在具有路由功能的應用中（點擊）導航。 通過 to 屬性指定目標地址，默認渲染成帶有正確鏈接的 標籤，可以通過配置 tag 屬性生成別的標籤.。另外，當目標路由成功激活時，鏈接元素自動設置一個表示激活的 CSS 類名，就是router-link-active，我們就可在a標籤被點擊時，給a標籤添加顏色或背景
如果你覺得router-link-active這個名字過長時，你可以在main.js中，
let router=new VueRouter({
router-link-active：’active'
})
例子：router-link: 其中tag='div'表示router-link爲div標籤
<template v-for="(item,index) in arr">
<router-link tag="div" class="tab_item " :to="item.path" :key="index">
<span class="tab_span">{{item.title}}</span>
</router-link>
</template>
.tab_item{
&.router-link-active{ //表示router-link激活選中時的狀態
.tab_span{
color: red;
border-bottom: 1px solid red;
}
}
}