本文介绍了vue的props，data，computed变化对组件更新的影响，分享给大家，废话不多说，直接上代码
{{'parent data: ' + parentData}}
{{'parent to children1 props : ' + parentToChildren1Props}}
{{'parent to children2 props : ' + parentToChildren2Props}}
change parent data
change parent to children1 data
change parent to children2 data
{{'children1 data: ' + children1Data}}
{{'parent to children1 props : ' + children1Props}}
{{'parent to children1 props to data: ' + children1PropsData}}
change children1 data
emit parent to change children1 props
{{'children2 data: ' + children2Data}}
{{'parent to children2 props : ' + children2Props}}
{{'parent to children2 props to data: ' + children2PropsData}}
change children2 data
emit parent to change children2 props
- 父组件改变props，子组件如果直接使用props，会触发子组件更新
- 父组件改变props，子组件如果将props放进data中再使用，不会触发子组件更新
- 父组件改变props，子组件如果将props放进computed中再使用，会触发子组件更新
- data，props和computed的变化都会触发组件更新
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。
