微信小程序（WXML模板文件一）

（1）页面根元素
根元素page
每一个页面都具备一个根元素：<page></page>
页面根元素可以在控制台的WXML选项卡中看到
允许在wxss文件中对page根元素进行样式设置

（2）WXML简介
1）WXML 全称是 WeiXin Markup Language，是小程序框架设计的标签语言。
2）WXML 充当的就是类似 HTML 的角色。—（但是也有不同，下）
3）标签闭合编译----WXML 要求标签必须是严格闭合的，没有闭合将会导致编译错误。

4）WXML中的选择器是大小写敏感

WXML和 HTML不同地方：
①标签名不一致
HTML 经常会用到的标签是 div, p, span；WXML 用的标签是 view, button, text ,map等
②属性不一致
WXML多出wx:if、wx:for等一些属性及表达式（MVVM模式）

数据data初始化
①页面需要显示动态数据必须要定义到data对应的变量中；
②如果该数据在操作过程中发生变化，需要将新数据重新绑定到该变量中，语法为this.setData({属性名：属性值})
③获取data数据语法为this.data.属性名

（3）WXML基本标签
视图容器标签view-----功能：基本视图容器，类似于页面开发时的div标签。
文本标签text-----功能：基本文本信息，类似于span标签。

（4）WXML属性
①属性不一致
②数据驱动案例-----wx:if属性决定是否渲染，注意wx:if后值通过{ {}}绑定。