vue .sync 相关知识

187 阅读1分钟

在vue中式不建议在子组件中直接修改父组件的值,这样会造成一个问题我要修改父组件的值需要从父组件给子组件传递一个自定义方法,这样太复杂 .sync 就解决了这个问题.

    // dialog 父组件中使用
    <dialog :show.sync="show" />
    
    // 子组件
    methods: {
        click() {
            // 使用update:show 可以直接修改父组件中show变量 不需要传递自定义方法进去修改
            this.$emit('update:show', false),
        }
    }