微信小程序--15自定义组件

关于自定义组件有两个知识点需要说一下:

1.子组件向父组件传参数

在子组件内部,这样触发事件,传递参数

微信小程序--15自定义组件

在父组件内部这样接收参数

微信小程序--15自定义组件

2. 父组件向子组件传参数

在父组件这里定义一个now-in

微信小程序--15自定义组件

在子组件这里引入

微信小程序--15自定义组件

这样的话,nowIn就相当于data里面的值,可以随便用了

微信小程序--15自定义组件

------------------------------------------------------------------------------------------------------------------------------------------------------------------

看本节的例子,首先在父组件内部引入这个子组件

微信小程序--15自定义组件

 

如何自定义组件,新建一个文件夹magicNumber,新建以下代码

微信小程序--15自定义组件

index.wxml界面代码如下

微信小程序--15自定义组件 index.js代码如下

微信小程序--15自定义组件

 呈现结果如下

微信小程序--15自定义组件