javascript - Vue组件 Prop 未定义

遗憾的是，我对Vue不那么熟悉，希望有人能帮助我一点...

我的index.html中有这个：

<xyz :isHidden="hidden">...</xyz>

现在，我有了xyz组件：

Vue.component('graph', {
  props: ['isHidden'],
  watch: {
    isHidden() {
     doSomething(this.isHidden);
    }, ...
  }
....
}

然后，我有我的Vue应用程序：

let app = new Vue({
  el: '#root',
  methods: {
    action() {
      this.hidden = !this.hidden;
    }, ...
  }, ....
  data: { hidden: false }
})

现在，据我了解，:hidden="isHidden"部分应将不同部分中的两个变量绑定在一起，对吗？因此，当我更改isHidden时，它也应该更改hidden，因此调用被监视的函数来执行某些操作。但事实证明，当我加载组件时hidden尚未定义。

我忘记了什么吗？还是我的错误可能在代码的“ ...”部分？ .-。

最佳答案

数据部分应具有以下功能：

data () {
  return {
    isHidden: false
  }
}

关于javascript - Vue组件 Prop 未定义，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/61330634/