Vertiefendes Verständnis der Datenbindung von WeChat-Applets

In diesem Artikel werden hauptsächlich relevante Informationen zur detaillierten Einführung der Datenbindung von WeChat-Miniprogrammen vorgestellt. Freunde, die sie benötigen, können sich auf

Datenbindung beziehen wenige Es sieht in Ordnung aus, aber einige der folgenden werden möglicherweise nicht verstanden, und einige der auf der Benutzeroberfläche angezeigten Daten können aufgrund von Bedingungen nicht angezeigt werden. Wenn Sie es nicht verstehen, können Sie es sich zuerst merken, und Sie werden es später verstehen, wenn Sie es tatsächlich verwenden. Das ist jedenfalls meine Meinung. Nehmen Sie hier zuerst

data.wxml

<!--数据绑定使用对象---内容-->
<view>{{message}}</view>

<!--数据绑定使用对象---组件属性---需要在双引号之内-->
<view id="item-{{id}}">组件属性</view>

<!--数据绑定使用对象---控制属性---需要在双引号之内-->
<view wx:if="{{condition}}">控制属性</view>

<!--数据绑定使用对象---三元运算-->
<view hindden="{{flag ? true : false}}">三元运算符</view>

<!--数据绑定使用对象---算数运算-->
<view>我是运算结果---{{a + b}} + {{c}} + d</view>

<!--数据绑定使用对象---逻辑判断-->
<view wx:if="{{length > 5}}">asdf</view>

<!--数据绑定使用对象---字符串运算-->
<view>{{"Hello " + name}}</view>

<!--数据绑定使用对象---数组组合-->
<view wx:for="{{[zero, 1, 2, 3, 4, 5, 6]}}">{{item}}</view>

<!--数据绑定使用对象---对象-->
<template is="objectCombine" data="{{for: x, bar: y}}"></template>

<!--数据绑定使用对象---扩展运算符对象 ... 将一个对象展开-->
<template is="objectCombine" data="{{...obj1, ...obj2, p: 5}}"></template>

<!--数据绑定使用对象---对象的key和value相同时-->
<template is="objectCombine" data="{{foo, bar}}"></template>

data.js

Das obige ist der detaillierte Inhalt vonVertiefendes Verständnis der Datenbindung von WeChat-Applets. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!