Vue的修饰符是在用指令（directives）操作DOM事件时处理事件细节的修饰符。
常用的修饰符有：
@click.stop='xxx' //阻止事件传播/冒泡
@click.prevent='xxx'//阻止默认动作
@keypress.enter='xxx'//按键修饰符，在按enter时执行函数
- 修饰符可以串联，并且执行效果和串联顺序有关，如
v-on:click.prevent.self会阻止所有的点击，而v-on:click.self.prevent只会阻止对元素自身的点击。
.sync修饰符
.sync修饰符的作用是实现父子组件数据的双向绑定，其好处在于可以简化功能逻辑代码。
v-model也可以实现数据的双向绑定，但是一个组件只有一个v-model，所以v-model只能针对一个变量进行数据绑定，与其相比，.sync可以实现多个参数的双向绑定。
:xxx.sync="yyy"等价于
:xxx="yyy" v-on:update:xxx="yyy=$event"
