摘要：
###1. 父子组件之间通信的 3 种方式 ① 属性绑定 ⚫ 用于父组件向子组件的指定属性设置数据，仅能设置 JSON 兼容的数据 ② 事件绑定 ⚫ 用于子组件向父组件传递数据，可以传递任意数据 ③ 获取组件实例 ⚫ 父组件还可以通过 this.selectComponent() 获取子组件实例对象 阅读全文
摘要：
###1. 什么是插槽 在自定义组件的 wxml 结构中，可以提供一个 节点（插槽），用于承载组件使用者提供的 wxml 结构。 ###2. 单个插槽 在小程序中，默认每个自定义组件中只允许使用一个 进行占位，这种个数上的限制叫做单个插槽。 <!-- 组件的封装者 --> <view class=" 阅读全文
摘要：
###1. 组件全部的生命周期函数 小程序组件可用的全部生命周期如下表所示： ###2. 组件主要的生命周期函数 在小程序组件中，最重要的生命周期函数有 3 个，分别是 created、attached、detached。它们各自的特点 如下： ① 组件实例刚被创建好的时候，created 生命周期 阅读全文
摘要：
###1. 什么是纯数据字段 概念：纯数据字段指的是那些不用于界面渲染的 data 字段。 应用场景：例如有些情况下，某些 data 中的字段既不会展示在界面上，也不会传递给其他组件，仅仅在当前组件内部使用。带有这种特性的 data 字段适合被设置为纯数据字段。 好处：纯数据字段有助于提升页面更新的 阅读全文
摘要：
###1. 什么是数据监听器 数据监听器用于监听和响应任何属性和数据字段的变化，从而执行特定的操作。它的作用类似于 vue 中的 watch 侦听器。在小程序组件中，数据监听器的基本语法格式如下： Component({ observers:{ '字段A，字段B':function(字段A的新值，字 阅读全文
摘要：
###1. data 数据 在小程序组件中，用于组件模板渲染的私有数据，需要定义到 data 节点中，示例如下： Component({ /** * 组件的初始数据 */ data: { count:0 } }） ###2. methods 方法 在小程序组件中，事件处理函数和自定义方法需要定义到 阅读全文
摘要：
###1. 组件样式隔离 默认情况下，自定义组件的样式只对当前组件生效，不会影响到组件之外的 UI 结构，如图所示： ⚫ 组件 A 的样式不会影响组件 C 的样式 ⚫ 组件 A 的样式不会影响小程序页面的样式 ⚫ 小程序页面的样式不会影响组件 A 和 C 的样式 好处： ① 防止外界的样式影响组件内 阅读全文
摘要：
###1. 创建组件 ① 在项目的根目录中，鼠标右键，创建 components -> test 文件夹 ② 在新建的 components -> test 文件夹上，鼠标右键，点击“新建 Component” ③ 键入组件的名称之后回车，会自动生成组件对应的 4 个文件，后缀名分别为 .js，.j 阅读全文