router-link-active
来源：3-2 Tabbar 组件
哎呦啊狗蛋
2019-08-05 15:20:01
以前写这种点击高亮，是写一个激活后的css样式，再通过js增加和减去css样式。这里直接写个router-link-active就可以，它的运行原理是什么
写回答
1回答
-
同学你好， 它的实现原理和我们以前我们通过原生js实现的原理是一样的。
通过检查元素可以发现， 每一个router-link标签都会被解析为a标签，vue底层做了一些处理，给选项卡添加或删除router-link-active类名，来控制选项卡的样式。
从这里也可以看出， 使用框架提升开发效率是有很大的帮助的， 以前我们需要自己编写js逻辑代码， 现在只需要添加一个类名就可以实现了， 另， 关于vue的原理， 目前不是这门课的侧重点， 同学简答了简单了解即可， 如果同学感兴趣，可以等以后知识积累到一定程度了，再去深入研究， 更容易理解的同时，对自己的工作能力提升也会有很大的帮助哦
如果帮助到了你， 欢迎采纳！
祝学习愉快~~~
0
相似问题
router-link-active
回答 1
.router-link-active
回答 1