微信小程序开发的框架——WXML特性

三. WXML有4个语言特性：1 数据绑定、2 列表渲染、3 条件渲染、4 模板引用 通过WXML特性可以构建复杂页面的内容，如图：

    
    1.WXML数据绑定特性：小程序里通过WXML数据绑定功能，实现数据的更新。
    
    （绑定文本）

    ~WXML如何实现数据绑定，WXML的动态数据都来自页面js文件中Page的data对象，数据绑定用Mustache的语法，变量名加双括号绑定语法,把变量名包起来。

    ~在data对象里定义了message的数据属性，小程序页面成功渲染出来，如图：

 

    （绑定属性）

    ！在data对象里定义了theName为Jack的数据属性，在vs文件内通过text标签传入了data-name="Jack"属性名，通过data-name属性把绑定的theName传进去，

    小程序属性成功渲染出来(所有的组件和属性都是小写的)如图：

    （运算符绑定）

    @ hidden属性是帮助显示或隐藏对应的标签内容，在Page的date对象中定义了flag这个变量，如果这个变量为 false 就显示view标签内的内容，

    如果这个变量为 ture 就隐藏 view标签内的内容，如图：

    小程序标签组件有6共同属性，如图：

    
    1.id属性，组件唯一标示，保持整个页面的唯一性。

    2.class属性，组件对应的样式类，可以通过定义一个className在WXSS定义标签所对应的样式，它是只能静态的传入属性。

    3.style属性，组件标签的内联样式，内联样式就是可以在标签写入想要的样式属性，它是可以动态的传入属性。

    4.hidden属性，控制组件的显示或隐藏，hidden为ture对应组件就隐藏，hidden为false对应组件就显示。

    5.data属性，自定义属性，可以页面上的数据信息通过data属性传给逻辑层，当在组件上所绑定的事件触发的时候，通过事件回调函数来获取到data属性所传入的数据。

    6.bind/catch属性,绑定组件上的默认事件，通过所绑定回调函数来操作。