VUE—linkActiveClass 动态配置active class

一.在点击导航栏的时候，让被点击的那一个有背景色，其他的没有背景色？

这样<router-link>被点击激活的时候就会被加上is-active这个class了。注意如果没有设置router-link的标签类型，会是<a>标签,<a>标签是没有宽度和高度的。将router-link 这样的a标签转化为li标签

二.自己来 *** 控 active Class 给加的位置，并不想它随着路由的改变而改变

假如侧边栏我的钱包，路由为'/myWallet'，在'/myWallet'页面可以 *** 作提现，会进入'/withdraw'提现页面，路由发生变化，从'/myWallet' 身上移到'/withdraw'上了。如何让 '/myWallet' 这个页面的active Class 保留住呢？给'/withdraw' 加上一个路由元信息，在侧边栏去检查路由元信息，然后看是否需要给其active class

如果只有一个页面 对应一个active的,就不用添加 meta下面的active属性了

active-class是vue-router模块的router-link组件中的属性，用来做选中样式的切换；

a.直接在路由js文件中配置linkActiveClass

b.在router-link中写入active-class

a.直接在路由js文件中配置linkActiveClass

b.在router-link中写入exact

在实例初始化之后。

创建、初始化、编译模板、挂在DOM、渲染更新、卸载等过程中beforeCreate(创建前)。vue生命周期钩子函数 每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如,需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化。

beforeCreate：el 和 data 并未初始化，在当前函数里面是访问不到data中的属性，但是可以通过vue的实例对象进行访问

created: 完成了 data 数据的初始化，在当前函数中我们可以访问到data中的属性，当前生命周期函数执行的时候会将data中所以的属性和methods身上所以的方法添加到vue的实例身上，同时会将data中所有的属性添加一个getter/setter方程。

---