小程序组件怎么调用的?
小程序组件调用可以通过以下步骤实现:
- 在需要调用组件的页面的json文件中,使用usingComponents属性声明组件
{
"usingComponents": {
"my-component": "/components/my-component/my-component"
}
}
- 在需要调用组件的页面wxml文件中使用组件标签
<my-component></my-component>
- 在组件的js文件中,可以通过properties定义组件的属性,通过methods定义组件的方法,并且通过this.setData更新组件的状态。
Component({
properties: {
text: {
type: String,
value: 'default text'
}
},
methods: {
onTap: function() {
this.setData({
text: 'updated text'
})
}
}
})
- 在组件的wxml文件中,可以通过{{}}语法绑定属性和状态。同时,可以使用slot插槽实现组件内容的动态渲染。
<view>
<text>{{text}}</text>
<slot></slot>
</view>
原文地址: https://www.cveoy.top/t/topic/F7j 著作权归作者所有。请勿转载和采集!