vue.js的修饰符起什么作用？

Question

修饰符

修饰符（Modifiers）是以半角句号 . 指明的特殊后缀，用于指出一个指定应该以特殊方式绑定。例如，.prevent 修饰符告诉
v-on 指令对于触发的事件调用 event.preventDefault()：

<form v-on:submit.prevent="onSubmit"></form> 之后当我们更深入地了解 v-on 与
v-model时，会看到更多修饰符的使用。

这是官方文档的解释，我不是很明白这个东西起什么作用啊？
v-on:submit.prevent和 v-on:submit 有什么区别吗？

Answer 1

比如修饰符v-on:click.stop="test",是阻止冒泡的事件发生，即stopPropagation()，其他的也类似，只不过vue把这些方法封装起来了，用着更方便。

Answer 2

建议先了解一下 event 的 stopPropagation 和 preventDefault 等方法的作用，然后就好理解了。