在微信小程序中,我们可以将页面内的功能模块抽象成自定义组件,以便在不同的页面中重复使用;也可以将复杂的页面拆分成多个低耦合的模块,有助于代码维护。自定义组件在使用时与基础组件非常相似。
创建自定义组件
1.类似于页面,一个自定义组件由 json wxml wxss js 4个文件组成。先创建四个文件组成自定义组件。
2.在 json 文件中进行自定义组件声明(将 component 字段设为 true 可将这一组文件设为自定义组件):
{
"component": true
}
3.在 wxml 文件中编写组件模板,在 wxss 文件中加入组件样式,它们的写法与页面的写法类似。具体细节和注意事项参见 小程序开发文档中组件模板和样式 。
在组件模板中可以提供一个 节点,用于承载组件引用时提供的子节点。
```html
<!-- 这是自定义组件的内部WXML结构 -->
<view class="inner">
{
{innerText}}
</view>
<