小程序系列--11.小程序自定义组件

一、组件的创建与引用

1. 创建组件

2. 引用组件 

 3. 局部引用组件

4. 全局引用组件 

5. 全局引用 VS 局部引用 

6. 组件和页面的区别 

 二、样式

1. 组件样式隔离 

 2. 组件样式隔离的注意点

3. 修改组件的样式隔离选项 

 4. styleIsolation 的可选值

三、数据、方法和属性 

 1. data 数据

 2. methods 方法

 3. properties 属性

 4. data 和 properties 的区别

 5. 使用 setData 修改 properties 的值

 四、数据监听器

1. 什么是数据监听器 

 2. 数据监听器的基本用法

 

3. 监听对象属性的变化 

 

数据监听器 - 案例 

 

 

五、纯数据字段 

1. 什么是纯数据字段 

 2. 使用规则

 3. 使用纯数据字段改造数据监听器案例

六、组件的生命周期 

 1. 组件全部的生命周期函数

 2. 组件主要的生命周期函数

 3. lifetimes 节点

七、组件所在页面的生命周期

 1. 什么是组件所在页面的生命周期

 2. pageLifetimes 节点

 

3. 生成随机的 RGB 颜色值 

 

八、插槽 

1. 什么是插槽 

 2. 单个插槽

 3. 启用多个插槽

 4. 定义多个插槽

 

九 、父子组件之间的通信 

1. 父子组件之间通信的 3 种方式 

 2. 属性绑定

 3. 事件绑定

 

 4. 获取组件实例

 十、behaviors

1. 什么是 behaviors 

2. behaviors 的工作方式 

 

3. 创建 behavior 

 4. 导入并使用 behavior

 5. behavior 中所有可用的节点

6. 同名字段的覆盖和组合规则* 

关于详细的覆盖和组合规则,大家可以参考微信小程序官方文档给出的说明: https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/behaviors.html 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/344923.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

初识“操作系统“(Operator System)

概念 任何计算机系统都包含一个基本的程序集合,称为操作系统(OS)。笼统的理解,操作系统包括: 内核(进程管理,内存管理,文件管理,驱动管理) 其他程序(例如函数库&#xff…

【教程】如何在苹果手机上查看系统文件?

​ 目录 引言 用户登录工具和连接设备 查看设备信息,电池信息 查看硬盘信息 硬件信息 查看 基带信息 销售信息 电脑可对手机应用程序批量操作 运行APP和查看APP日志 IPA包安装测试 注意事项 引言 苹果手机与安卓手机不同,无法直接访问系统文件…

webpack常用配置

1.webpack概念 ​ 本质上,webpack 是一个用于现代 JavaScript 应用程序的 静态模块打包工具。当 webpack 处理应用程序时,它会在内部从一个或多个入口点构建一个 依赖图(dependency graph),然后将你项目中所需的每一个模块组合成一个或多个 …

Kruise Rollout 全链路灰度实践

作者:旦酱、十眠 什么是全链路灰度? 在发布应用的过程中,我们通常希望用少量特定流量来验证新版本的发布是否正常,以保障整体稳定性。这个过程被称为灰度发布。关于灰度发布,我们通过逐步增加发布的范围,…

如何快速解决局域网IP冲突问题?连接IP地址冲突如何用代理IP搞定?

随着互联网的普及,局域网已经成为了许多家庭和企业中不可或缺的一部分。然而,局域网中的IP地址冲突问题却时常困扰着用户。一旦出现IP地址冲突,网络连接就会变得不稳定,甚至无法正常上网。那么,如何快速解决局域网IP冲…

《Linux系列》Linux虚拟机,LVM逻辑卷扩容,xfs文件系统扩容

Linux虚拟机,LVM逻辑卷扩容,xfs文件系统扩容 1 虚拟机配置介绍 在创建虚拟机的时候只给了20G磁盘空间大小,但是现在需求变更,想要增加到40G磁盘空间大小,所以需要通过两步扩容磁盘空间。 系统版本是Centos7 根目录…

掼蛋功能之识别性格篇

常说:千人千面。大多数人一到牌局的场面,往往精神便会放松,面貌神情不再收敛,一言一行体现出的性格暴露无疑,具体表现为以下几种: 1、浮躁冲动型:此类人多数不讲究团队配合,自顾自出…

了解云工作负载保护:技术和最佳实践

云工作负载是指云环境中的应用程序或存储元素,无论是公共云、私有云还是混合云。每个云工作负载都使用云的资源,包括计算、网络和存储。 云工作负载可以多种多样,例如运行应用程序、数据库或托管网站。它们可以是静态的或动态的,…

数据的跃动之美:探索ECharts动态排序柱状图的魔力

前言 在 echarts 中&#xff0c;动态排序柱状图是一种常用图表&#xff0c;可以帮助我们更好地理解数据的变化和排序规律。本文将介绍如何使用 echarts 库创建动态排序柱状图&#xff0c;以展示数据的变化趋势和排序情况。 完整代码 <template><div class"acros…

Java 数据结构集合

文章目录 Java 数据结构1. 基本数据结构1.1 数组 (Array)1.2 链表 (Linked List)1.3 栈 (Stack)1.4 队列 (Queue)双向队列优先级队列 2. 树形数据结构2.1 二叉树 (Binary Tree)2.2 堆 (Heap) 3. 散列数据结构3.1 哈希表 (Hash Map)3.2 LinkedHashMap3.3 TreeMapConcurrentHashM…

Cesium for Unity包无法加载

太上老君急急如律⚡令⚡ &#x1f959;关闭UnityHub&#x1f9c0;启动梯子&#x1f96a;cmd 启动UnityHub &#x1f959;关闭UnityHub &#x1f9c0;启动梯子 &#x1f96a;cmd 启动UnityHub 把批处理启动文件&#x1f448;中的exe的路径换成自己的安装目录&#xff01;保存…

[完美解决]Vue/React项目运行时出现this[kHandle] = new _Hash(algorithm, xofLen)

问题出现的原因 出现这个问题是node.js 的版本问题&#xff0c;因为 node.js V17开始版本中发布的是OpenSSL3.0, 而OpenSSL3.0对允许算法和密钥大小增加了严格的限制&#xff0c;可能会对生态系统造成一些影响。故此以前的项目在使用 nodejs V17以上版本后会报错。而github项目…

redis报错:WRONGTYPE Operation against a key holding the wrong kind of value

这个是在redis存取的数据时&#xff0c;存数据时的数据类型和取数据时的数据类型不一致导致的 原因分析 首先需要明白的是&#xff0c;出现这种错误的原因是因为我们在取值的时候&#xff0c;使用的命令不对&#xff0c;比如你用获取string类型的get命令去取列表list类…

【AI视野·今日Robot 机器人论文速览 第七十五期】Thu, 11 Jan 2024

AI视野今日CS.Robotics 机器人学论文速览 Thu, 11 Jan 2024 Totally 16 papers &#x1f449;上期速览✈更多精彩请移步主页 Daily Robotics Papers Analytical Model and Experimental Testing of the SoftFoot: an Adaptive Robot Foot for Walking over Obstacles and Irre…

山体滑坡在线监测预警系统解决方案

一、方案概述 我国是一个山区面积较大的国家&#xff0c;山地、丘陵约占国土总面积的2/3&#xff0c;在众多的山区中&#xff0c;都具备泥石流形成的基本条件&#xff0c;这也让我国成为受山体滑坡泥石流灾害影响最大的国家。山体滑坡是指山体斜坡上某一部分岩土在重力(包括岩土…

【C/C++】C/C++编程——C++ 开发环境搭建

C的开发环境种类繁多&#xff0c;以下是一些常见的C 集成开发环境&#xff1a; AppCode &#xff1a;构建与JetBrains’ IntelliJ IDEA 平台上的用于Objective-C&#xff0c;C,C&#xff0c;Java和Java开发的集成开发环境CLion&#xff1a;来自JetBrains的跨平台的C/C的集成开…

肺癌相关文献6

第十四篇 Classification of lung adenocarcinoma based on stemness scores in bulk and single cell transcriptomes IF&#xff1a;6.0 中科院分区:2区 生物学WOS分区&#xff1a;Q1被引次数&#xff1a; 4 背景&#xff1a;癌细胞具有无限期自我更新和增殖的能力[2]。在一…

解决撸卡、撸货、采退成功率低的原因和方法

在亚马逊和沃尔玛等平台上&#xff0c;不论是进行测评、撸卡还是撸货&#xff0c;确保环境的安全性和稳定性是首要任务。一个稳定的环境是进行这些项目的基础&#xff0c;如果无法解决安全性问题&#xff0c;那么进行这些项目就毫无意义。我们团队经过八、九年的环境技术研发&a…

解锁无限可能,Roxlabs代理引领未来网络新体验

文章目录 前言网络隐匿利器&#xff1a;IP代理什么是Roxlabs&#xff1f;世界百花争艳&#xff0c;我独爱一枝什么是住宅IP&#xff1f;如何选择代理类型 利用IP代理进行国外数据采集实战教学附赠一个利用代理IP实现赚钱的方法总结 前言 在数字时代的今天&#xff0c;我们对于…

ai智能写作软件有分享吗?分享4款解放双手的软件!

随着人工智能技术的不断发展&#xff0c;AI智能写作软件逐渐成为内容创作者们的新宠。这些软件不仅能够帮助我们快速生成高质量的文本内容&#xff0c;还能在优化搜索引擎排名等方面发挥重要作用。本文将为大家介绍几款常用的AI智能写作软件&#xff0c;让您轻松提升内容创作效…