事件修饰符
.native 父组件中为子组件绑定一个原生事件
当给子组件添加事件时事件无法直接执行 (会被认为是自定义事件,子传父)
让这个事件执行
1:在子组件中使用$emit()
2:使用 .native 修饰符 但这个事件必须是原生事件
属性修饰符
.sync 实现父子组件间的双向绑定
与 v-model 类似 但可以有多个
v-model的原理
// 父组件的子组件标签
<com1 v-model="num"></com1>
// 等价于 传递给子组件一个值 子组件通过input事件回传值
<com1 :value="num" @input="(val)=>this.num=val"></com1>
.sync 的原理
// 正常父传子:
<com1 :a="num" :b="num2"></com1>
// 加上sync之后父传子:
<com1 :a.sync="num" .b.sync="num2"></com1>
// 它等价于
<com1
:a="num" @update:a="val=>num=val"
:b="num2" @update:b="val=>num2=val"></com1>
// 相当于子组件添加事件监听,
// 事件名是update:a, 通过这个事件回传值