Vue中事件冒泡与事件捕获的区别

如果点击了最内侧的outC，那么外侧的outB和outC算不算被点击了呢？

很显然算，不然就没有必要区分事件冒泡和事件捕获了，这一点各个浏览器厂家也没有什么疑义。

假如outA、outB、outC都注册了click类型事件处理函数，当点击outC的时候，触发顺序是A-->B-->C，还是C-->B-->A呢？如果浏览器采用的是事件冒泡，那么触发顺序是C-->B-->A，由内而外，像气泡一样，从水底浮向水面；如果采用的是事件捕获，那么触发顺序是A-->B-->C，从上到下，像石头一样，从水面落入水底。

所以总结：

.capture  点击事件是由外向内的 即点击内部的按钮触发的事件，会先从外面执行，然后到刚点击的事件上。