微信小程序学习总结(二)——小程序绑定数据的语法、页面数据渲染

一、小程序绑定参数的语法很经典——mustache语法

1.在微信小程序中一个页面组成的文件有四个，例如一个页面叫index，那么相应在index目录下有这么四个文件index.wxml、index.wxss、index.js以及index.json文件，其中wxml文件以及js文件是必须的拥有的，在wxml(参照的是xml语法，不是html)文件中

2.在相应的js文件中的Page中定义相应的data，并有属性，属性值

执行结果：

二、小程序的数据渲染

执行结果：

<!-- 
    基本的循环 wx:for
    1.明确页面结构体中的循环体
    2.删除多余的重复内容，只保留一个
    3.在剩余的加上wx:for属性，属性值等于要遍历的数据源，数据源是一个数组或对象
    4.再这个标签(循环体)内部使用item代表当前被便利的元素
    给被遍历的对象定义名称 wx:for-item
    给遍历的下标(索引)定义名称 wx:for-index
   -->
<!-- wx:if 是用来根据一个bool值来决定是否页面渲染,hidden是否显示隐藏 -->
  <!-- <view wx:for="{{[1, 2, 3, 4, 5, 6, 7, 8, 9]}}" wx:for-item="i">
    <view wx:for="{{[1, 2, 3, 4, 5, 6, 7, 8, 9]}}" wx:for-item="j">
      <view wx:if="{{i <= j}}">
        {{i}} * {{j}} = {{i * j}}
      </view>
    </view>
  </view> -->