微信小程序开发——第3章 理解小程序宿主环境

3.1 渲染层和逻辑层

小程序的运行环境分成渲染层和逻辑层，WXML 模板和 WXSS 样式工作在渲染层，JS 脚本工作在逻辑层。

3.1.1 渲染“Hello World”页面

WXML模板使用 view 标签，其子节点用 {{ }} 的语法绑定一个 msg 的变量：

<view>{{ msg }}</view>

在 JS 脚本使用 this.setData 方法把 msg 字段设置成 “Hello World” ：

Page({
  onLoad: function () {
    this.setData({ msg: 'Hello World' })
  }
})

1. 渲染层和数据相关。
2. 逻辑层负责产生、处理数据。
3. 逻辑层通过 Page 实例的 setData 方法传递数据到渲染层。

3.1.2 通信模型