小程序基础09：视图层之WXML

1.WXML

WXML是框架设计的一套标签语言，结合基础组件，事件系统，可以构建出页面的结构。

用以下的例子来看看WXML有什么能力：

1.1数据绑定

<view>{{age}}</view>

  data: {
    motto: 'Hello, gaoxiong',
    userInfo: {},
    school:{
      name: "zzu"
    },
    name:app.name,
    age: ++app.count
  },

1.2列表渲染

<view wx:for="{{cars}}">{{item}}</view>

  data: {
    motto: 'Hello, gaoxiong',
    userInfo: {},
    school:{
      name: "zzu"
    },
    name:app.name,
    age: ++app.count,
    cars:["BMW","BYD","VOL"]
  },

1.3条件渲染

   <view wx:if="{{view=='index'}}">index</view>
   <view wx:elif="{{view=='log'}}">log</view>
   <view wx:else="{{view=='app'}}">app</view>

  data: {
    motto: 'Hello, gaoxiong',
    userInfo: {},
    school:{
      name: "zzu"
    },
    name:app.name,
    age: ++app.count,
    cars:["BMW","BYD","VOL"],
    view:"index"
  },

1.4模板

暂缺

1.5事件

暂缺