sync修饰符的用法

首先我们需要知道 子组件如何向父组件传值。

//子页面  opTitle.vue
var data = 10;
//第一个参数对应父页面自定义的事件,第二个值代表要更新的值
this.$emit('update',data)

//父页面 引入组件
import topTitle from …
components:{topTitle}

//在自定义标签上自定义事件
<template>
    <top-title  @update='changeData'></top-title>
</template>

//methods
changeData(data){  //data就是子组件传过来的值
   this.num = data
},

sync修饰符 就是修饰了此操作，

//子页面  opTitle.vue
var data = 10;
//第一个参数对应父页面自定义的事件,第二个值代表要更新的值
this.$emit('update:isShow',data)

//父页面 引入组件
import topTitle from …
components:{topTitle}

//在自定义标签上自定义事件
<template>
    <top-title  :isShow.sync='num'></top-title>
</template>