一、小程序绑定参数的语法很经典——mustache语法
1.在微信小程序中一个页面组成的文件有四个，例如一个页面叫index，那么相应在index目录下有这么四个文件index.wxml、index.wxss、index.js以及index.json文件，其中wxml文件以及js文件是必须的拥有的，在wxml(参照的是xml语法，不是html)文件中，说道小程序的wxss文件，里面放置的就是类似于网页绘制的css文件，页面的样式，所以小程序的页面布局就是在这里，说道使用CSS3.0就说下伸缩布局，在CSS3.0中最重要的就是flex
flex有主轴和副轴,display：flex，默认是横轴为主轴:flex-direction:row(横轴是自左往右),也可使用flex-direction:column设置竖轴(方向是由上而下)为主轴
好了，扯的有点多，回归正题
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> -->版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/12331.html
