2-5 页面结构WXML

 

https://developers.weixin.qq.com/miniprogram/dev/component/

 

数据绑定

 

 

// pages/base/base.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    msg:"你好"
  },

显示

<view>{{msg}}</view>

 

 

  /**
   * 页面的初始数据
   */
  data: {
    msg:"你好",
    img:'/images/meizi.jpg',
    arr:['a','b','c','d'],
    list:[{
        name:'周杰伦',
        age:'30'
      }, {
        name: '刘德华',
        age: '60'
      }, {
        name: '刘涛',
        age: '40'
      }],
    isLogin:true
  },

<view>hello world</view>
<view>{{msg}}</view>
<image src='{{img}}'></image>
<view wx:for="{{arr}}" wx:key="index">
{{index}} {{item}}
</view>
<view wx:for="{{list}}" wx:key="index">
{{item.name}} {{item.age}}
</view>

<view wx:if="{{isLogin}}">已登录</view>
<view wx:else>请登录</view>

<view hidden='{{isLogin}}'>hidden</view>