vue脚手架中的路由高亮

vue脚手架中的路由高亮

在vue中定义导航，使用router-link组件，to指向定义好的路由

如<router-link to="/">首页</router-link> 点击它就会跳转到首页

路由表中是这样定义的

import Vue from "vue"
import Router from "vue-router"
import Home from "@/views/Home"

vue.use(Router)
export default new Router({

    routes:[
        path:"/",
        component:Home
    ]　

})

实现路由高亮步骤:

1. 在组件页面中自定义.active样式
2. 在routes属性同级中添加linkActiveClass:"active"
3. 在router-linke组件中添加 exact