Vue-修饰符顺序对结果产生的影响

Vue-修饰符顺序对结果产生的影响

使用修饰符时，顺序很重要；相应的代码会以同样的顺序产生。

因此，用 v-on:click.prevent.self 会阻止所有的点击，

而v-on:click.self.prevent 只会阻止对元素自身的点击

重点就是顺序很重要,其实我们可以这么理解：

.prevent修饰符在前，修饰的是元素的v-on事件，所以它会阻止所有 的点击，自身点击和事件冒泡；

.prevent修饰符在后，修饰的是元素的v-on事件在被.self修饰后的事件，所以它只能阻止对元素自身的点击，无法阻止事件冒泡。