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')來觸發變量值更新）。