微信小程序——关于父向子传递数据的问题

父组件向子组件传递数据，是通过标签属性的方式来传递

1. 对父组件的修改

（1）进入父组件的wxml页面 写入向子组件传入的数据

<Tabs aaa="a12345"></Tabs>

注意：这个代码的意思是父组件向子组件Tabs（要与Component文件夹下要接收数据的子组件的命名一样）传入属性名为aaa，属性值为a12345的数据

（2）进入父组件的json页面 设置接收父组件传入的数据的子组件的路径

{ "usingComponents": { "Tabs":"/Component/Tabs" }, "navigationBarTitleText": "demo03" }

记住：这一步很重要，我当时就是没有写这个，然后一直没弄好呜呜呜

2. 对子组件进行的修改

进入Component文件夹，子组件进行相应的修改和设置 （如果没有Component文件夹，就自己创建一个） 如图文件夹之间的层级关系以及Component文件夹下的文件 （1）进入子组件的json文件 设置component为true

{ "component": true, "usingComponents": {} }

（2）进入子组件的js文件 properties是用于接收父组件（外界）传入的数据，其定义主要包括type（属性的类型），optionalTypes（属性的类型，可以用于指定多个类型）value（属性的初始值），observer（属性值变化时的回调函数） 这里我就只写了 type 和 value

Component({ properties: { aaa:{ //传入的数据的为"a12345"，是字符串类型 type:String, //数据初始值为"" value:"" } } })

（3）进入子组件的wxml文件 写入如下代码

<view>{{aaa}}</view>

3. 最后的效果