可悲的是,我对 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
是未定义的......
我是不是忘记了什么?还是我的错误可能在我的代码的“...”部分?.-.