发布时间:2023-03-23 12:30
以新建一个demo组件为例,
components
文件夹demo
文件夹,分别创建demo.json
,demo.wxml
,demo.wxss
,demo.js
四个文件。{
\"component\": true,
\"usingComponents\": {}
}
<button class=\"inner\" 点击 子传父</button>
/* 这里的样式只应用于这个自定义组件 */
.inner{
color: red;
}
Component({
/**
* 组件的属性列表
*/
properties: {
},
/**
* 组件的初始数据
*/
data: {
},
/**
* 组件的方法列表
* 只能使用es5
*/
methods: {
handleTap:function(){
}
}
})
以使用一个demo组件为例
页面的 json 文件
中进行引用声明。此时需要提供每个自定义组件的标签名和对应的自定义组件文件路径:{
\"usingComponents\": {
\"demo\": \"/components/demo/demo\"
}
}
页面的 wxml 文件
中就可以像使用基础组件一样使用自定义组件。节点名即自定义组件的标签名,节点属性即传递给组件的属性值<demo></demo>
父组件通过属性的方式给子组件传递参数
子组件通过事件的方式向父组件传递参数
过程