当前位置: 首页 > news >正文

微信小程序纯数据字段

一 什么是纯数据字段

概念:纯数据字段指的是那些不用于界面渲染的data 字段。

应用场景:例如有些情况下,某些 data 中的字段既不会展示在界面上,也不会传递给其他组件,仅仅在当前组件内部使用。带有这种特性的 data 字段适合被设置为纯数据字段。

好处:纯数据字段有助于提升页面更新的性能。

二 使用规则

在 Component 的 options 节点中,指定 pureDataPattern 为一个正则表达式,字段名符合这个正则表达式的字段将成为纯数据字段,示例代码如下。

Component({

  options: {

    pureDataPattern: /^_/

  },

  data: {

    a: true, // 普通数据字段

    _b: true, // 纯数据字段

  }

}}

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

Component({

  options: {

    pureDataPattern: /^_/

  },

  data: {

    // 将 rgb 改造为以 _开头的纯数据字段

    _rgb: {

      r: 0,

      g: 0,

      b: 0

    },

    fullColor: '0, 0, 0'

  }

})

相关文章:

  • 文本词语分析易语言代码
  • Java SPI的本质
  • 计算机网络——分层结构
  • 微信小程序 behaviors
  • 前端修罗场,祝您中秋快乐
  • 国际航运管理简答题-题库
  • 重新认识 IP地址
  • Matplotlib光速入门-从安装到常用实战
  • 课设总结【硬件课设】
  • 你这个视频背景太假了?
  • 一文搞懂cookie、session、token、jwt、OAuth
  • 《Go Web 编程》之第4章 处理请求
  • ZYNQ之中断机制
  • Java JDK path环境变量配置
  • linux编译安装 php-nginx-mysql
  • [PHP内核探索]PHP中的哈希表
  • el-input获取焦点 input输入框为空时高亮 el-input值非法时
  • ES学习笔记(10)--ES6中的函数和数组补漏
  • HashMap ConcurrentHashMap
  • JavaScript中的对象个人分享
  • Median of Two Sorted Arrays
  • Mithril.js 入门介绍
  • Mysql数据库的条件查询语句
  • Python打包系统简单入门
  • web标准化(下)
  • 近期前端发展计划
  • 名企6年Java程序员的工作总结,写给在迷茫中的你!
  • 微服务核心架构梳理
  • 再谈express与koa的对比
  • - 转 Ext2.0 form使用实例
  • 追踪解析 FutureTask 源码
  • CMake 入门1/5:基于阿里云 ECS搭建体验环境
  • ​直流电和交流电有什么区别为什么这个时候又要变成直流电呢?交流转换到直流(整流器)直流变交流(逆变器)​
  • (考研湖科大教书匠计算机网络)第一章概述-第五节1:计算机网络体系结构之分层思想和举例
  • (转)C语言家族扩展收藏 (转)C语言家族扩展
  • (转)shell调试方法
  • (转)创业家杂志:UCWEB天使第一步
  • (转)如何上传第三方jar包至Maven私服让maven项目可以使用第三方jar包
  • **CI中自动类加载的用法总结
  • .NET6使用MiniExcel根据数据源横向导出头部标题及数据
  • .NetCore部署微服务(二)
  • .NET多线程执行函数
  • .NET分布式缓存Memcached从入门到实战
  • .NET面试题(二)
  • .NET企业级应用架构设计系列之应用服务器
  • .Net通用分页类(存储过程分页版,可以选择页码的显示样式,且有中英选择)
  • .Net中ListT 泛型转成DataTable、DataSet
  • /3GB和/USERVA开关
  • /bin/bash^M: bad interpreter: No such file ordirectory
  • [ Linux ] Linux信号概述 信号的产生
  • [ 云计算 | Azure 实践 ] 在 Azure 门户中创建 VM 虚拟机并进行验证
  • [2018][note]用于超快偏振开关和动态光束分裂的all-optical有源THz超表——
  • [Angular 基础] - 表单:响应式表单
  • [Angular] 笔记 6:ngStyle
  • [BUUCTF 2018]Online Tool