小程序自定义组

191 阅读1分钟

自定义组件-基本使用

介绍

  • 自定义组件可理解为允许我们创造自己想要的某些效果的标签。

如image是小程序指定的图片标签, border-image 可以是我们自己创造的标签

  • 自定义组件还具有简化页面结构、封装复用代码的功能。
  • 组件化开发是目前前端开发项目的主流方式。

使用步骤

  1. 创建
  2. 注册
  3. 使用

image.png

在需要使用自定义组件的页面上, 找到页面.json 文件,进行注册

image.png

然后在页面的wxml中,直接使用该组件

image.png

自定义组件-父传子

父传子方式

自定义属性

父传子步骤

  1. 父组件传递数据
  2. 子组件接收数据
  3. 子组件使用数据

image.png

自定义组件-子传父

子传父方式

自定义事件

子传父步骤

  1. 子组件触发自定义事件,并传参
  2. 父组件绑定自定义事件,并接参

image.png