Vue 3的watch在我对一个解构的prop进行监听时不起作用。

5 浏览
0 Comments

Vue 3的watch在我对一个解构的prop进行监听时不起作用。

我在Vue 3中尝试监视一个prop，但奇怪的是，当我解构它时，watcher不起作用。但是如果不解构，它就像预期的那样工作。我在这里漏掉了什么吗？

附注：我正在使用Vue 3 + Vite

这样不起作用

export default {
    props: {
        modelValue: {
            type: Boolean,
            default: false,
        },
    },
    setup({ modelValue }, context)
    {
        watch(() => modelValue, (newValue, oldValue) => {
            console.log(newValue)
        })
    },
}

但是如果我不解构它，它就能工作

setup(props, context) {
    watch(() => props.modelValue, (newValue, oldValue) => {
        console.log(newValue)
    })
}

0