WXML 模板

　　从事过网页编程的人知道，，，，，，网页编程接纳的是 HTML + CSS + JS 这样的组合，，，，，，其中 HTML 是用来形貌目今这个页面的结构，，，，，，CSS 用来形貌页面的样子，，，，，，JS 通常是用来处理这个页面和用户的交互。。。。。

　　同样原理，，，，，，在小程序中也有同样的角色，，，，，，其中 WXML 充当的就是类似 HTML 的角色。。。。。翻开 pages/index/index.wxml，，，，，，你会看到以下的内容:

　　和 HTML 很是相似，，，，，，有标签、属性等等组成。。。。。可是也有许多纷歧样的地方，，，，，，我们来逐一叙述一下：

　　标署名字有点纷歧样 往往写 HTML 的时间，，，，，，经；
；；；嵊玫降谋昵┦ div, p, span，，，，，，开发者在写一个页面的时间可以凭证这些基础的标签组合出纷歧样的组件，，，，，，例如日历、弹窗等等。。。。；
；；；桓鏊夹鳎，，，，，既然各人都需要这些组件，，，，，，为什么我们不可把这些常用的组件包装起来，，，，，，大大提高金狮贵宾会开发效率。。。。。 从上边的例子可以看到，，，，，，小程序的 WXML 用的标签是 view, button, text 等等，，，，，，这些标签就是小程序给开发者包装好的基本能力，，，，，，我们还提供了地图、视频、音频等等组件能力 更多详细的组件讲述参考下个章节 小程序的能力

　　多了一些 wx:if 这样的属性以及 {{ }} 这样的表达式 在网页的一般开发流程中，，，，，，我们通；
；；；嵬ü JS 操作 DOM (对应 HTML 的形貌爆发的树)，，，，，，以引起界面的一些转变响应用户的行为。。。。。例如，，，，，，用户点击某个按钮的时间，，，，，，JS 会纪录一些状态到 JS 变量里边，，，，，，同时通过 DOM API 操控 DOM 的属性或者行为，，，，，，进而引起界面一些转变。。。。。当项目越来越大的时间，，，，，，你的代码会充满着很是多的界面交互逻辑和程序的种种状态变量，，，，，，显然这不是一个很好的开发模式，，，，，，因此就有了 MVVM 的开发模式(例如 React, Vue)，，，，，，提倡把渲染和逻辑疏散。。。。。简朴来说就是不要再让 JS 直接操控 DOM，，，，，，JS只需要治理状态即可，，，，，，然后再通过一种模板语法来形貌状态和界面结构的关系即可。。。。。 小程序的框架也是用到了这个思绪，，，，，，若是你需要把一个 Hello World 的字符串显示在界面上。。。。。 WXML 是这么写 :

　　JS 只需要治理状态即可:

　　this.setData({ msg: "Hello World" })

　　通过 {{ }} 的语法把一个变量绑定到界面上，，，，，，我们称为数据绑定。。。。。仅仅通过数据绑定还不敷完整的形貌状态和界面的关系，，，，，，还需要 if/else, for等控制能力，，，，，，在小程序里边，，，，，，这些控制能力都用 wx: 开头的属性来表达。。。。。 更详细的文档可以参考 WXML