学习微信小程序第二天

一.模板语法

WXML（WeiXin Markup Language）是框架设计的⼀套标签语⾔，结合基础组件、事件系统，可以构 建出⻚⾯的结构。

1. 数据绑定

1.在里面会看到 page 方法. 全部选中删除,打出 page 回车,就会自动补全它的方法
2.data 里面是存放所有要显示的数据
3.我们这里暂时用不到除了 data 之外的声明周期函数,可以先将其删除

(1) 普通写法

<view> {
   {
    message }} </view>

Page({
   
  data: {
   
    message: 'Hello MINA!'
 }
})

(2) 组件属性

<view id="item-{
   {id}}"> </view>

(3) bool类型
不要直接写 checked= false ，其计算结果是⼀个字符串

<checkbox checked="{
   {false}}"> </checkbox>

2. 运算

(1) 三元运算

<view hidden="{
   {flag ? true : false}}"> Hidden </view>

(2) 算数运算

<view> {
   {
   a + b}} + {
   {
   c}} + d </view>

Page({
   
  data: {
   
    a: 1,
    b: 2,
    c: 3
 }
})

(3) 逻辑判断

<view wx:if="{
   {length > 5}}"> </view>

(4) 字符串运算

<view>{
   {
   "hello" + name}}</view>

Page({
   
  data:{
   
    name: 'MINA'
 }
})

(5) 注意
花括号和引号之间如果有空格，将最终被解析成为字符串

3. 列表渲染

(1) wx:for<