PHP:【微信小程序】微信小程序数据交互,微信小程序判断/循环,微信小程序事件

PHP:【微信小程序】微信小程序数据交互,微信小程序判断/循环,微信小程序事件
一.交互

  • 1.data 数据
    • data 是页面第一次渲染使用的初始数据
    • 页面加载时,data 将会以 JSON 字符串的形式由逻辑层传至渲染层
    • 渲染层可以通过 WXML 对数据进行绑定

PHP:【微信小程序】微信小程序数据交互,微信小程序判断/循环,微信小程序事件_第1张图片

  • WXML 通过 { { 变量名 }} 语法可以使得 WXML 拥有动态渲染的能力,除此外还可以在 { { }} 内进行简单的逻辑运算

PHP:【微信小程序】微信小程序数据交互,微信小程序判断/循环,微信小程序事件_第2张图片

  • 2.js 获取 data 数据
  • this 调用本文件的方法和参数

PHP:【微信小程序】微信小程序数据交互,微信小程序判断/循环,微信小程序事件_第3张图片

  • 3.js 修改 data 数据

  • 单向修改
    PHP:【微信小程序】微信小程序数据交互,微信小程序判断/循环,微信小程序事件_第4张图片

  • 双向修改
    PHP:【微信小程序】微信小程序数据交互,微信小程序判断/循环,微信小程序事件_第5张图片

  • 4.动态修改

  • 需要使用 js 事件 bindtap 绑定自定义事件
    PHP:【微信小程序】微信小程序数据交互,微信小程序判断/循环,微信小程序事件_第6张图片
    PHP:【微信小程序】微信小程序数据交互,微信小程序判断/循环,微信小程序事件_第7张图片

  • 5.条件逻辑

wx:if wx:elif wx:else

PHP:【微信小程序】微信小程序数据交互,微信小程序判断/循环,微信小程序事件_第8张图片

  • 6.循环
  • 使用 wx:for-item 可以指定数组当前元素的变量名
  • 使用 wx:for-index 可以指定数组当前下标的变量名

PHP:【微信小程序】微信小程序数据交互,微信小程序判断/循环,微信小程序事件_第9张图片

你可能感兴趣的:(微信小程序,PHP,ThinkPHP6.0,php,小程序,微信)