微信小程序-模板语法-事件绑定与样式

介绍:

本章我们可以学会如何去操作微信小程序的视图页面,以及事件的绑定和触发

模板语法

1. 数据绑定渲染

• 普通写法

  • 在wxml内

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

• 在js中

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

• 组件属性

  • 在wxml内

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

  • 在js中

        Page({
           
          data: {
           
            id: 0
         }
        })
    

• bool类型

  • 在wxml内

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

2. 多种运算方式

a. 三元运算

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

b.算数运算

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

Page({
   
  data: {
   
    a: