微信小程序--模板与设置WXML

一、WXML模板语法--数据绑定

1、数据绑定的基本原则

• 在 data 中定义数据

在页面对应的.js文件中，把数据定义到data对象中，如下图在home页面中的home.js中定义home页面的data数据：

Page({
  data: {
    swiperList:[],         //存放轮播图数据的列表
    str:'Hello world',     //定义字符串类型
    boolean:true,          //定义boolean类型
    data :3.2412,         //定义数据类型
    imgSrc:'http://www.ithima.com/images/logo.png',
    arr:[{msg:'hello '},'msg1:world'] //定义数组类型数据
  },

• 使用Mustache语法（）将data中的数据绑定到页面中并进行渲染：

Mustache语法可以用于动态绑定内容、绑定属性和进行数据运算（三元运算、算术运算等）

<view>{
  {str}}</view> //动态绑定内容

<image src='{
  {imgSrc}}'></image>//动态绑定属性

<view> {
  {data>=5?'张三':'李四'}}</view>//绑定三元运算后的结果到页面中