小程序封装组件

117 阅读1分钟

一、如何创建组件

第一步:先创建一个文件夹做我们需要使用的组件

image.png

第二步:在app.json中向pages新建一个文件夹名字自拟,在新建的文件夹的json中配置如下路径

1.png

第三步:在pages下新建的文件中使用我们配置的路径名称使用组件

{SUA`F~G{OJ)M}@9GVMPPEX.png

二、父传子

父组件做的操作:

9_%5E8L{0D{572$29~7)M{0.png

父组件的js数据:

2.png

子组件的js数据:

3.png

子组件wxml的数据:

V(N4K7K1DZHYA`HZFKG9YOP.png

三、子传父

子文件中的js数据:

OG78W`[O]PPL7GV75VI{E$M.png

ehandle是一个bind衔接的方法

父组件绑定子组件的事件:

4.png

5.png

四、组件使用插槽

6.png