大家好,我只是想要一些关于 vue props 数据的解释。所以我将值从父组件传递到子组件。问题是,当父数据发生数据更改/更新时,它不会在子组件中更新。
Vue.component('child-component', {
template: '<div class="child">{{val}}</div>',
props: ['testData'],
data: function () {
return {
val: this.testData
}
}
});
但使用道具名称{{测试数据}}它正确显示来自父级的数据
Vue.component('child-component', {
template: '<div class="child">{{testData}}</div>',
props: ['testData'],
data: function () {
return {
val: this.testData
}
}
});
提前致谢
Fiddle link https://jsfiddle.net/PenAndPapers/waqb81fy/17/
用一个非常简单的例子可以最好地解释这一点
let a = 'foo'
let b = a
a = 'bar'
console.info('a', a)
console.info('b', b)
当你分配...
val: this.testData
你正在设置初始值 of val
创建组件时一次。对 prop 的更改不会反映在val
以同样的方式改变为a
以上均未体现在b
.
See https://v2.vuejs.org/v2/guide/components.html#One-Way-Data-Flow https://v2.vuejs.org/v2/guide/components.html#One-Way-Data-Flow
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)