vue - 父子通信

1. .sync修饰符:

• 弹框显示隐藏功能:

   a. 需要定义ref、prop、自定义方法.

(1). 使用sync:

// 父组件
<Toggle :show.sync='show' />

// Toggle组件
<div v-if="show">
  展示和隐藏组件
</div>
<button @click="test">隐藏组件</button>

export default {
  props: ['show'],
  methods: {
    test() {
      this.$emit('update:show', false)
    }
  }
}