浅谈vue的props,data,computed变化对组件更新的影响

前端之家收集整理的这篇文章主要介绍了浅谈vue的props,data,computed变化对组件更新的影响前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本文介绍了vue的props,data,computed变化对组件更新的影响,分享给大家,废话不多说,直接上代码

{{'parent data : ' + parentData}}
{{'parent to children1 props : ' + parenttochildren1Props}}
{{'parent to children2 props : ' + parenttochildren2Props}}
tochildren1Props">change parent to children1 data tochildren2Props">change parent to children2 data
tochildren1Props" @changeParenttochildren1Props="changeParenttochildren1Props"> tochildren2Props" @changeParenttochildren2Props="changeParenttochildren2Props">
{{'children1 data : ' + children1Data}}
{{'parent to children1 props : ' + children1Props}}
{{'parent to children1 props to data : ' + children1PropsData}}
tochangeChildren1Props">emit parent to change children1 props
{{'children2 data : ' + children2Data}}
{{'parent to children2 props : ' + children2Props}}
{{'parent to children2 props to data : ' + children2PropsData}}
tochangeChildren2Props">emit parent to change children2 props
  1. 父组件改变props,子组件如果直接使用props,会触发子组件更新
  2. 父组件改变props,子组件如果将props放进data中再使用,不会触发子组件更新
  3. 父组件改变props,子组件如果将props放进computed中再使用,会触发子组件更新
  4. data,props和computed的变化都会触发组件更新

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

猜你在找的Vue相关文章