【...】小程序扩展运算符 ... 说明

小程序扩展运算符 ... ，用来将一个对象展开。

以下示例：

1 <template is="objectCombine" data="{{...obj1, ...obj2, e: 5}}"></template>

 1 Page({
 2   data: {
 3     obj1: {
 4       a: 1,
 5       b: 2
 6     },
 7     obj2: {
 8       c: 3,
 9       d: 4
10     }
11   }
12 })

等同于：<template is="objectCombine" data="{{a: 1, b: 2, c: 3,d: 4, e: 5}}"></template>

对象的 key 和 value 相同，也可以间接地表达:

1 <template is="objectCombine" data="{{foo, bar}}"></template>

1 Page({
2   data: {
3     foo: 'my-foo',
4     bar: 'my-bar'
5   }
6 })

等同于： <template is="objectCombine" data="{{foo: 'my-foo', bar: 'my-bar'}}"></template>

存在变量名相同的情况，后边的会覆盖前面:

1 <template is="objectCombine" data="{{...obj1, ...obj2, a: 5, c: 6}}"></template>

 1 Page({
 2   data: {
 3     obj1: {
 4       a: 1,
 5       b: 2
 6     },
 7     obj2: {
 8       b: 3,
 9       c: 4
10     },
11     a: 5
12   }
13 })

等同于：<template is="objectCombine" data="{{a:5, b:3,c: 6}}"></template>

更多专业前端知识，请上【猿2048】www.mk2048.com

【...】小程序扩展运算符 ... 说明相关推荐

小程序setdata优化_支付宝小程序扩展能力附录 1：优化 setData 逻辑方案明细
优化 setData 逻辑任何页面变化都会触发 setData,同一时间可能会有多个 setData 触发页面进行重新渲染.如下四个接口都会触发 web-view 页面重新渲染. Page.prot ...
小括号在c语言的作用,C语言的小括号----其实是逗号运算符
比如下面的代码: #include void fun() { int a, b, c, d; a = (, b = ); c = (, ); d = (, ); printf("%d %d ...
小程序真机调试访问不了接口_小程序入门
之前写了一个去水印的小程序,详情可查看「短视频去水印工具小程序版-去水印Pro版」一文,我个人对小程序也是从完全陌生到入门阶段,这篇文章就把入门的过程和遇到的问题记录一下. 一.小程序注册想要开发小 ...
【微信小程序】之如何创建底部菜单？tabBar、mp-tabbar
方法一:通过app.json配置底部菜单(常用) 小程序根目录下的 app.json 文件用来对微信小程序进行全局配置.文件内容为一个 JSON 对象全局配置 | 微信开放文档微信开发者平台文档htt ...
让小程序在自有App中启动的技术来了：mPaaS小程序架构深度解析
简介:mPaaS 小程序框架作为一款 App 通用框架,帮助开发者面向自身的 App 实现小程序投放.不止如此,小程序代码仅需撰写一次,便可多端投放至自有 App.支付宝.钉钉甚至其他小程序开放平台. ...
判断小程序是否滚动到页面底部 scrolltolower_微信小程序长列表性能优化——recycle-view
背景: 第七次人口普查项目使用是微信小程序原生框架,组件是根据用户需求由项目组前端组组长封装完成的.采集小程序正式登记首页列表页面,根据腾讯老哥在sentry上的监控可以看出,列表页面前端性能比较差, ...
java下标运算符_《Java从小白到大牛精简版》之第6章运算符（下）
<Java从小白到大牛>纸质版已经上架了!! 6.4 位运算符位运算是以二进位(bit)为单位进行运算的,操作数和结果都是整型数据.位运算符有如下几个运算符:&.|.^.~.&g ...
mPaaS小程序技术架构深度解析
⚅ 点击观看<mPaaS 小程序新品发布会>回放 > > 随着小程序技术的愈发成熟,不同平台的优势和典型使用场景各有侧重,同时越来越多的开发者可以结合自身的业务特色,通过小程序 ...
JS void运算符
js教程void 是一元运算符,它可以出现在任意类型的操作数之前执行操作数,却忽略操作数的返回值,返回一个 undefined.void 常用语 HTML 脚本中执行 JavaScript 表达式,但 ...

【...】小程序扩展运算符 ... 说明

【...】小程序扩展运算符 ... 说明相关推荐

最新文章

热门文章