native和sync修饰符

142 阅读1分钟

native(原生的)

当在父组件中给子组件用点击事件时,必须使用.native修饰符,若不加它,点击事件无效

如下:

@click.native=“logout” //不加native点击事件不会执行

用了navtive修饰符相当于下面的语法

在父组件中: @click=“logout”

在子组件中: @click=“$emit('click')”

并且注意:native修饰符在单一标签只能用一次

sync修饰符

作用:实现父子组件数据之间的双向绑定,与v-model类似

下面是语法:

image.png

它在单一标签中可以多个使用

注意:在父组件中

:自定义事件名.sync="要传递的值"

子组件的时间前面必须加

@update:click="$emit('update:要修改的变量',要修改成的值)"