摘要:
###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 阅读全文