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

page.js 即控制层（C），也叫业务逻辑层；

page.js 中的data属性，即数据模型层（M）；

page.wxml 即展现层（V）；

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

通过业务逻辑层（C），修改data属性（M），从而在展现层（V）中展示。

即MVC设计模式。

一、数据绑定

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

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

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

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

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