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

大纲

（1）页面根元素
（2）WXML简介
（3）标签闭合、敏感性
（4）数据驱动
（5）数据绑定{ {}}—{ {}}
（6）列表渲染v-for----wx:for

页面根元素

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

简介

全称：
WXML 全称是 WeiXin Markup Language，是小程序框架设计的标签语言

对比：
网页编程采用的是 HTML + CSS + JS 这样的组合，其中 HTML 是用来描述当前这个页面的结构，CSS 用来描述页面的样子，JS 通常是用来处理这个页面和用户的交互。
同样道理，在小程序中也有同样的角色，其中 WXML 充当的就是类似 HTML 的角色。wxss–→css

WXML标签

WXML 文件后缀名是 .wxml，语句在语法上同 HTML 非常相似

标签：
一个完整的 WXML语句由一段开始标签和一段结束标签组成，在标签中可以是内容，也可以是其他的 WXML 语句，这一点上同 HTML 是一致的
标签闭合编译：
WXML 要求标签必须是严格闭合的，没有闭合将会导致编译错误。

标签写法：
单标签双标签等

解析结果

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

WXML和 HTML 非常相似，WXML 由标签、属性等等构成。但是也有很多不一样的地方，下面来一一阐述一下：
（1