事件冒泡

一开始对事件冒泡感觉不是很重要，后来用到了，就重新学习了。
需求是这样的：

image.png

html的结构是这样的：

image.png

当点击一项时，改变点击项的颜色。
如果不做任何处理，event.target不是我们想要的li，而是 span 。
为什么这样呢？因为事件会冒泡

image.png

所以呢，最终我们得到的 event.target 是 span
那么怎么做呢？
我们需要拦截事件

tabClicke(event:any){
  if(event.target.className == "li_tab"){
    //这里写处理代码
    //...
    return true;//代表消费掉这个事件
  }
}