子组件中很多复用的数据,我们就可以统一的写在父组件中,然后通过Props属性传值到子组件,如此优化代码,具体用法如下。。
在前一个demo中,数据放到了App,.vue中,然后我们的组件就要给它绑定一个元素
<user v-bind:users="users"></user>
引号里的users代表的是数组,然后users是一个名字可以随便取,为的子组件中可以调用辨别
然后在子组件中,使用Props属性传值,将上面定义的名字规定是数组,这样便将父数据传到了子组件中
本文分享自 作者个人站点/博客 前往查看
如有侵权,请联系 cloudcommunity@tencent.com 删除。
本文参与 腾讯云自媒体同步曝光计划 ,欢迎热爱写作的你一起参与!