微信小程序之自定义组件及使用

1、创建自定义组件文件夹与文件：

创建一个名为custom-dialog的自定义组件，位于components下，创建自定义弹窗组件文件夹结构如下：

写好自定义组件的结构文件.wxml、样式文件wxss、逻辑文件.js。

2、组件注册：

该组件（本例子指CustomDialog 组件）的文件夹内含有一个有效的 .json 文件，且该文件中正确指定了组件的名称，例如：

3、在页面中使用自定义组件 ：

3.1导入并使用组件：

在需要使用此组件的页面的wxml文件中，本例子是在需要用到弹窗的页面index页面中引入并使用该组件：

3.2确认组件引入：

确保已在使用 <custom-dialog> 的页面中正确引入了该组件，例如在页面的 json 文件中添加组件路径：

这时你的组件就定义好并可以使用了！