vue sync用法

1、父组件

<add-rule :show.sync="showEditDialog" :addOrUpdate="addOrUpdate" @close="showEditDialog = false"  :ruleData="editIfo" />

2、子组件

        // 这样可以
        // this.$emit('close')
        // 这样也可以
        this.$emit('update:show', false);

即：需要触发事件（update事件）。但是设置变量的话，变量传递不到父组件中。

 

说明：在使用sync修饰符时，一定会使用update:变量来更新变量值。

仅仅是在父组件中少定义了一个自定义函数（否则可以使用this.$on('close')来触发变量值更新）。