本文介绍了vue的props,data,computed变化对组件更新的影响,分享给大家,废话不多说,直接上代码
{{'parent data : ' + parentData}}
{{'parent to children1 props : ' + parenttochildren1Props}}
{{'parent to children2 props : ' + parenttochildren2Props}}
{{'children1 data : ' + children1Data}}
{{'parent to children1 props : ' + children1Props}}
{{'parent to children1 props to data : ' + children1PropsData}}
{{'children2 data : ' + children2Data}}
{{'parent to children2 props : ' + children2Props}}
{{'parent to children2 props to data : ' + children2PropsData}}
- 父组件改变props,子组件如果直接使用props,会触发子组件更新
- 父组件改变props,子组件如果将props放进data中再使用,不会触发子组件更新
- 父组件改变props,子组件如果将props放进computed中再使用,会触发子组件更新
- data,props和computed的变化都会触发组件更新