博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
【VUE入门】父组件给子组件传值
阅读量:6832 次
发布时间:2019-06-26

本文共 900 字,大约阅读时间需要 3 分钟。

父组件传值给子组件

各位看的时候记得要看代码中的注释!!记得!!

父组件给子组件传值,最最要记得【 props】,在子组件中用 props 来接收父组件传来的数据,之后展示在子组件中。

例如:

子组件 child.vue

创建了子组件之后,就需要在父组件中 注册一下 子组件,然后给子组件传值。

父组件 father.vue

接下来子组件就会收到 “hello” 这个信息。

子组件 child.vue

另外,我们也可以在父组件对 message 的值进行 v-bind 动态绑定

例如:

父组件 father.vue

总结

  • 子组件中要使用props设置一个属性 message 来接收父组件传过来的值。
  • 父组件中: 1. 先注册子组件 2. 引入子组件标签,在标签中给message赋值

或者

  • 父组件中:用v-bind对 message 进行动态绑定,给message 设置一个参数 theword ,父组件中在 data()中设置 theword 的值。

转载地址:http://ytnkl.baihongyu.com/

你可能感兴趣的文章
使用多线程的利弊
查看>>
安全狗发布云垒私有云安全管理平台2.1版
查看>>
电信获取光猫超级密码
查看>>
Spring Boot 部署为Unix/Linux Service
查看>>
xcode 8 /iOS10下静态库和动态库的区别 && framework的制作
查看>>
回调的原理、实现与应用
查看>>
转载:发现一个国内牛逼的maven仓库,速度真的太快了
查看>>
Docker1.12尝试
查看>>
wordpress如何使用vim和markdown写blog
查看>>
Javascript设计模式之--单例模式
查看>>
Android应用打包时遇到的问题
查看>>
Maven构建项目忽视掉服务器已存在的jar文件
查看>>
Spring WebSocket实现消息推送
查看>>
Java日期格式化方法
查看>>
mysql性能监控指标
查看>>
A Complete Guide to FreeNAS Hardware Design, Part III: Pools, Performance, and Cache
查看>>
Luban(鲁班)——Android图片压缩工具,仿微信朋友圈压缩策略
查看>>
深入理解JAVA中的NIO 原
查看>>
android6.0源码分析-Looper,Handler,Message(二)
查看>>
cordova开发wp8应用的经验总结
查看>>