小程序自定义组件的使用

使用小程序的自定义组件 相似于 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 组件实例从节点树中移除