vue2.0修饰符sync用法

vue2.0修饰符sync用法
如果子组件是一个弹窗，我们想通过点击关闭按钮来关闭子组件弹窗，子组件弹窗的v-show由变量isVisible控制，这个变量通过props由父组件来注入，

而子组件无法改变props里面的变量的值，但可以通过sync修饰来实现，代码如下:

子组件：

<button @click="close">关闭</button>

复制代码

export default {
    props: {
        isVisible: {
            type: Boolean,
            default: false
        }
    },
    methods: {
        close () {
            this.$emit('update:isVisible', false);
        }
    }
};

复制代码
父组件：

<chlid-component :isVisible.sync="isVisible"></chlid-component>