2022/1/7

注意：

1.当在一个导航栏点击一级、二级或者三级路由跳转时，采用声明式路由跳转，即采用<router-link>标签进行跳转时会卡顿，因为这个三级列表是通过返回的数据进行v-for进行渲染的，而且<router-link>是一个组件，此时会创建超过1000个的<router-link>组件很耗内存。

2.因为三级导航栏列表通过得到后端的数据进行v-for进行渲染，此时进行路由跳转，不是将a标签换成router-link也不是给每一个a标签绑定一个事件回调，而是通过事件委派和编程式路由导航来进行路由的跳转。

事件的触发写在父亲盒子上，此时有两个问题需要解决：一、如何知道你点击的是a标签？  二、如何知道你点击的是哪一个啊标签？

解决方案，

 

event.target.dataset是一个对象，用于获取标签中 data-开头的属性值。