首页 > PHP资讯 > 工具库 > 微信小程序之视图层WXML绑定数据、模板、逻...

微信小程序之视图层WXML绑定数据、模板、逻...

工具库
前篇文章介绍了小程序的MVC结构:

page.js 即控制层(C),也叫业务逻辑层;

page.js 中的data属性,即数据模型层(M);

page.wxml 即展现层(V);

page.wxss 即css,增强展现层效果。


通过业务逻辑层(C),修改data属性(M),从而在展现层(V)中展示。

即MVC设计模式。


一、数据绑定

首先看一下Page页面的MVC 流程结构图

如果在 data 中定义了某个变量,比如

Page({    data:{        title: '小程序实战教程',        desc: '视图层—WXML'    }})

在页面中通过 {{title}},即可展示效果,如下动图:

更多微信小程序之视图层WXML绑定数据、模板、逻... 相关文章请关注PHP中文网!

工具库

本文由欣才IT学院整理发布,未经许可,禁止转载。
支持28不支持0