微信小程序基本语法

渲染

• .js

page ({
    data :{
        memo:'hello world'
    }
})

• .wxml

{{memo}}

绑定id

• .js

page ({
    data :{
        memo:'hello world',
        user_id:123
    }
})

• .wxml

{{memo}}

if -- else 判断

• .js

page ({
    data :{
        memo:'hello world',
        user_id:123,
        show:false
    }
})

• .wxml

{{memo}}
TRUE
False

是否隐藏(利用三元运算格式)

• .js

page ({
    data :{
        memo:'hello world',
        user_id:123,
        show:false,
    }
})

• .wxml

   # id则代表绑定值
TRUE
False

列表渲染

• .js

page ({
    data :{
        memo:'hello world',
        user_id:123,
        show:false,
        array:[{
        message:'hello',
    },
    {
        message:'world',}]}
})

• .wxml

TRUE
False
        
   # 定义的列表渲染出来,再指定一个key,index代表下标
{{index}}---{{item.message}}

简单的模板式渲染

• .js

page:({
    data:{
        item:{
            index:0,
            msg:'this is a template',
            time: '2019-19-15'
        },
        itemc:{
            index:999,
            msg:'this is a template',
            time: '2019-2-29'
        },}})

• .wxml