微信小程序基础语法

数据绑定

关联页面数据和 JS 变量
数据的变化引起视图的变化
在 Page的 data声明变量
使用mustache语法 （双大括号）包裹变量

 <!–字符串的叠加–>

 <view>{{first_Name+” “+last_Name}}</view>

 <!–字符的运算–>

 <view>{{1111+2222}}</view>

 <!–三元运算–>

 <view>{{isTeacher?”教学”:”学习”}}</view>

列表渲染

<!–pages/wxfor/wefor.wxml–>

<!–字符串的渲染–>

<view wx:for=”{{name}}”>{{item}}-{{index}}</view>

<view wx:for=”name”>{{item}}-{{index}}</view>

<!–数字的渲染–>

<view wx:for=”{{age}}”>{{item}}</view>

—–

<!–数组的渲染–>

<view wx:for=”{{list}}”><!–{{item}}–>

序号:”{{item.id}}” 名字:”{{item.name}} 年龄:”{{item.age}}”</view>

<!–对象的渲染–>

<view wx:for=”{{friend}}” wx:for-item=”value” wx:for-index=”key”><!–{{index}}-{{item}}–>{{key}}-{{value}}</view>

<!–遍历的嵌套–>

<view wx:for=”{{9}}” wx:for-item=”num1″><view wx:for=”{{9}}” wx:for-item=”num2″> {{num1+1}}*{{num2+1}}={{(num1+1)*(num2+1)}}</view> </view>

条件渲染
模板导入