小程序自定义组件的使用

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