WeChat 애플릿 데이터 바인딩에 대한 심층적인 이해

이 글에서는 위챗 미니 프로그램의 데이터 바인딩 세부 소개에 대한 관련 정보를 주로 소개하고 있습니다. 필요한 친구는

데이터 바인딩 중 일부를 참고하세요. 처음 몇 개는 괜찮아 보이지만 다음 중 일부는 이해되지 않을 수 있으며 인터페이스에 표시되는 데이터 중 일부는 조건으로 인해 표시되지 않을 수 있습니다. 이해가 안 되더라도 먼저 기억해 보시고, 나중에 실제로 사용하시면 이해가 되실 거라 생각합니다. 여기에 먼저 기록하세요

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

아아아아

위 내용은 WeChat 애플릿 데이터 바인딩에 대한 심층적인 이해의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!