脚本宝典收集整理的这篇文章主要介绍了vue.js组件如何父传子,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
vue.js组件实现父传子的方法:首先子组件在PRops中创建一个属性,用以接收父组件传过来的值;然后父组件中注册子组件,并在子组件标签中添加子组件props中创建的属性;最后把需要传给子组件的值赋给该属性。
【相关文章推荐:vue.js】
vue.js组件实现父传子的方法:
1、创建子组件,在src/components/文件夹下新建一个Child.vue
2、Child.vue的中创建props,然后创建一个名为message的属性
3、在App.vue中注册Child组件,并在template中加入child标签,标签中添加message属性并赋值
4、保存修改的文件,查看浏览器
5、我们依然可以对message的值进行v-bind动态绑定
此时浏览器中
相关免费学习推荐:javascript(视频)
以上就是vue.js组件如何父传子的详细内容,更多请关注脚本宝典其它相关文章!
以上是脚本宝典为你收集整理的vue.js组件如何父传子全部内容,希望文章能够帮你解决vue.js组件如何父传子所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。