微信小程序开发(七) - WXML组件(标签) - wxml 文件

基础组件

框架为开发者提供了一系列基础组件，开发者可以通过组合这些基础组件进行快速开发。
本质上和html 标签类似

组件是视图层的基本组成单元。
组件自带一些功能与微信风格的样式。
一个组件通常包括开始标签和结束标签，属性用来修饰这个组件，内容在两个标签之内。

注意：所有组件与属性都是小写，连字符为-连接

属性类型

共有属性类型

所有组件都有的属性：

特殊属性

几乎所有组件都有各自定义的属性，可以对该组件的功能或样式进行修饰，请参考各个组件的定义。

组件列表

基础组件分为以下七大类：

视图容器(View Container)：

基础内容(Basic Content)：

表单(Form)：

导航(Navigation)：

多媒体(Media)：

地图(Map)：

画布(Canvas)：

页面逻辑

在wxml中会使用 {{}}来实行 页面逻辑 ,不再使用 DOM API操控
遵循 MVVM开发模式 ,把渲染和逻辑分离

简单来说就是不要再让 JS直接操控DOM，JS只需要管理状态即可，然后再通过一种模板语法来描述状态和界面结构的关系即可。

数据绑定

通过{{ }}的语法把一个变量绑定到界面上

控制绑定

仅仅通过数据绑定还不够完整的描述状态和界面的关系，还需要if/else, for等控制能力，在小程序里边，这些控制能力都用 wx:开头的属性来表达。