更新时间：2022-05-16 16:25:33贡献者收藏订阅更新我的文档设置返回文档自定义组件功能可将需要复用的功能模块抽象成自定义组件，从而在不同页面中复用，更可以将自定义组件发布到 npm 上，从而在不同小程序中进行复用，npm 的使用可查看 npm 包管理。使用须知小程序基础库从 1.7.0 版本开始支持自定义组件功能。 通过调用 my.caniuse('component') 可判断自定义组件功能是否可在当前版本使用；从 1.14.0 版本开始，自定义组件有了较大改动，支持 component2 相关功能，通过调用 my.caniuse('component2') 可判断新自定义组件功能是否可在当前版本使用，component2 相关功能如下：●新增 oninit、derivedatafromprops 生命周期函数 。●支持使用 ref 获取自定义组件实例 。使用 component2 的相关功能，需要在 ide 中的 详情 > 项目配置 中，勾选 启用 component2 编译 。创建并使用自定义组件与 page 类似，自定义组件也由 axml、js、json、acss 四个部分组成。创建并使用自定义组件有以下 4 个步骤：1新建自定义组件文件夹。2在 .json 文件中声明自定义组件。3使用 component 函数，注册自定义组件。4使用自定义组件。以下讲述如何创建最基本的自定义组件。新建自定义组件文件夹打开一个现有项目中（或者在 ide 中，新建一个官方提供的 blank 项目），在 ide 左侧文件树先新建一个 components 文件夹，用于存放所有组件，文件夹名字可以任意修改。在 components 文件夹的右击菜单中，选择新建小程序组件，输入组件名（例如 index，以下示例均以组件名 index 为例），ide 会自动生成自定义组件所需的几个文件，如下所示：声明自定义组件组件配置文件 index.json 用于声明当前目录是个自定义组件。注册自定义组件组件注册 index.js 用于注册一个组件对象。组件模板 index.axml 和组件样式 index.acss（可选）：定义组件模板和样式。其中，样式文件可选。使用自定义组件声明好一个组件后，即可在其它页面上使用。先在页面配置中说明要使用哪个自定义组件，主要指定组件标签名字和组件所在路径。然后在页面中引用组件即可。相关文档●npm 包管理●生命周期●ref 获取组件实例
