如何观看$ attrs指令，特别是$ attr.value

Question

您如何在VUE中观看$ attr.value？

我有一个子组件：

<custom-component v-model="someData"/>

父组件中的某个地方：

this.$emit('input', this.dataToChild)

当我更新this.datatoChild时，在父组件中，子组件中的V模型显示相应的更改。但是，我还希望对子组件中的yemedata进行更改，以便在父组件中反映出this.datatoChild将包含任何yemedata>具有Somedata更改时。我知道此更改反映到this。$ attr.value。要注意更改，我知道我可以在VUE中使用观察者。

我的问题是要观看的语法是什么。$ attr.value？我知道要看一个我可以做的道具：

watch: {
   propToWatch: function(newVal, oldVal) {
       this.dataToChild = newVal
   }
}

我也知道要观看一个我们可以的嵌套道具：

watch: {
    'nested.propToWatch': function(newVal, oldVal) {
        this.dataToChild = newVal
    }
}

但是我不确定如何观看$ attr.value，是否只是：

watch: {
    '$attrs.val': function(newVal, oldVal) {
        this.dataToChild = newVal
    }
}

Answer 1

事实证明，就像您将如何使用嵌套道具（即：

watch: {
    '$attrs.value': function(newVal, oldVal) {
        this.dataToChild = newVal
    }
}