前言
微信小程序(后面统称小程序)中的组件到底是什么?按照笔者的理解来说就是开发者自己封装的一个的模块,然后可以再页面和其他组件中去引用。做过移动(Android/iOS)开发的小伙伴们肯定知道自定义控件,就跟那个差不多。使用组件能让我们在开发的时候将用的较多,且功能通用或者重复的模块和业务逻辑分离,从而使项目耦合降低,可读性强和维护性成本降低。
实现步骤
在项目根目录新建一个文件夹component
在component目录下新建一个目录,取名为你自定义组件名字
在页面中引用
json文件中开启自定义组件
"component": true,
wxml中定义自定义组件
<button>自定义的组件</button>
在需要使用的页面的json中引入组件
"usingComponents": {"btn":"../../pages/zj/zj"}
wxml页面使用组件(组件名就是在json中引入时定义的)
<btn></btn>
此时我们就使用了一个自定义组件
下面完成通信
组件中加入属性及方法
<button bindtap="click" data-id="{{like}}">自定义的组件</button>
js文件中定义属性 方法
在需要使用的页面中加入此属性
<btnlike='2'></btn>
通信完成