本篇文章主要介绍了浅谈vue的props，data，computed变化对组件更新的影响，现在分享给大家，也给大家做个参考。
本文介绍了vue的props，data，computed变化对组件更新的影响，分享给大家，废话不多说，直接上代码
/** this is Parent.vue */
{{'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
/** this is Children1.vue */
{{'children1 data : ' + children1Data}}
{{'parent to children1 props : ' + children1Props}}
{{'parent to children1 props to data : ' + children1PropsData}}
change children1 data emit parent to change children1 props
/** this is Children2.vue */
{{'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的变化都会触发组件更新
上面是我整理给大家的，希望今后会对大家有帮助。
相关文章：
在Node.js中使用cheerio制作简单的网页爬虫（详细教程）
在React中使用Native如何实现自定义下拉刷新上拉加载的列表
