![v2-54d6230b9a7aa2010758d8d58af8c84e_1440w.jpg?source=172ae18b](http://img-03.proxy.5ce.com/view/image?&type=2&guid=9e8d8fe8-4d2e-eb11-8da9-e4434bdf6706&url=https://pic4.zhimg.com/v2-54d6230b9a7aa2010758d8d58af8c84e_1440w.jpg?source=172ae18b)
专注 Vue 源码分享,为了方便大家理解,分为了白话版和 源码版,白话版可以轻松理解工作原理和设计思想,源码版可以更清楚内部操作和 Vue的美,喜欢我就关注我的公众号,公众号的文章,排版更好看
如果你觉得排版难看,请点击下面链接 或者 关注公众号
【Vue原理】Props - 白话版mp.weixin.qq.com![v2-98953b3f2fbb01d771291f3117ae0e5f_180x120.jpg](http://img-03.proxy.5ce.com/view/image?&type=2&guid=9e8d8fe8-4d2e-eb11-8da9-e4434bdf6706&url=https://pic4.zhimg.com/v2-98953b3f2fbb01d771291f3117ae0e5f_180x120.jpg)
![v2-b5b7d1e5889a1ab479f46caf52a28d8e_b.jpg](http://img-01.proxy.5ce.com/view/image?&type=2&guid=9e8d8fe8-4d2e-eb11-8da9-e4434bdf6706&url=https://pic3.zhimg.com/v2-b5b7d1e5889a1ab479f46caf52a28d8e_b.jpg)
今天我们用白话文解读props 的工作原理
props 真的挺有用的,作为父传子的载体,大家肯定都用过,但是你有没有想过,Props 到底是怎么工作的?
希望先看下 响应式原理,对 props 理解很有帮助
【Vue原理】响应式原理 - 白话版mp.weixin.qq.com![v2-98953b3f2fbb01d771291f3117ae0e5f_180x120.jpg](http://img-03.proxy.5ce.com/view/image?&type=2&guid=9e8d8fe8-4d2e-eb11-8da9-e4434bdf6706&url=https://pic4.zhimg.com/v2-98953b3f2fbb01d771291f3117ae0e5f_180x120.jpg)
开篇之前,我提出三个问题
1、父组件 怎么传值给 子组件的 props
2、子组件如何读取props
3、父组件 data