使用小程序的自定义组件 类似于 vue的组件开发
新建目录→新建组件
编辑器会自动生成 组件的 wxml wxss js json 文件
其中JS 文件中的结构和页面的不同
组件 json 文件中 需要开启组件的开关 告诉程序这是组件
{ "component": true}
页面(引入组件的页面)json 中添加组件配置
{
"usingComponents": { "component-tag-name": "path/to/the/custom/component" }
}
在页面wxml文件中使用组件
<component-tag-name></component-tag-name>
组件的 生命周期
created 组件实例化,但节点树还未导入,因此这时不能用setData
attached 节点树完成,可以用setData渲染节点,但无法操作节点
ready 组件布局完成,这时可以获取节点信息,也可以操作节点
moved 组件实例被移动到树的另一个位置
detached 组件实例从节点树中移除
网友评论