图文介绍Vue父组件向子组件传值

ttx9n · 发表于 2018-2-17 12:04:16

本文通过实例代码给大家详细分享了Vue父组件向子组件传值的过程以及关键点讲解，一起学习参考下吧。

1:在src/components/child/文件夹下，创建一个名为：child.vue的子组件

2：在父组件中，设置好需要传递的数据

3：在App.vue中引入并注册子组件

4：通过v-bind属性绑定并赋值给子组件

5:子组件通过 props 接收父组件传递过的数据

6：查看

7：总结：

子组件在props中创建一个属性，用以接收父组件传过来的值父组件中注册子组件在子组件标签中添加子组件props中创建的属性把需要传给子组件的值赋给该属性

r8st9 · 发表于 2022-8-8 13:29:56

的沙发水电费水电费

dingzhi521 · 发表于 2022-11-6 09:50:44

快更新啊，我擦

adm1n · 发表于 2023-9-17 00:38:50

论坛有你更精彩！

ppwxcg · 发表于 2023-11-6 21:08:24

这个源码不错啊

fiyeid · 发表于 2024-3-25 20:30:02

额风风风微风微风违法

gc4hg · 发表于 2024-4-22 00:53:40

哦哦哦ijhhsdj

8ayoqrpj · 发表于 2024-6-3 23:26:37

怕怕怕怕怕怕怕怕怕怕怕怕怕怕

tgdf · 发表于 2024-8-30 09:40:12

加快速度很快就撒谎

数据TG@shuju96 · 发表于 2024-9-15 17:05:23

天天源码社区www.tiantianym.com

账号		自动登录	找回密码
密码			立即注册

[JavaScript] 图文介绍Vue父组件向子组件传值