天天看點

學習微信小程式第一天gogo

小程式的資料綁定初體驗

<!-- 小程式的資料闆.使用小胡子文法在使用該資料-->
<view>{{age}}</view>
<!-- 可以使用邏輯表達 -->
<view>{{age>=199?'好女人':'壞女人'}}</view>
<view>{{age+"歲"}}</view>
<!-- 綁定屬性 -->
<image src="{{imgSrc}}"></image>
           
data: {
    // 現在頁面對應的edata中定義資料
    age:100,
    imgSrc:'https://www.baidu.com/img/flexible/logo/pc/result.png'
  },
           

小程式的事件

1.事件是渲染層道邏輯層的通訊方式。使用者在渲染層的一些行為會通過事件回報到邏輯層進行我們代碼的一些處理(業務

學習微信小程式第一天gogo
學習微信小程式第一天gogo

2.當事件觸發是。會受到一個事件對象event(e)

學習微信小程式第一天gogo

在這裡說一下target和currentTagret差別

1、target是指觸發該事件的對象

2.currentTarget是目前這個事件所綁定的對象

學習微信小程式第一天gogo

常用的一些事件

bindTap事件(類似于pc的滑鼠的點選事件)

<!-- bintap -->
<button bindtap="Click" data-kk="kk">點選事件</button
           
Click: function (e) {
    console.log(e.target);
  },
           
學習微信小程式第一天gogo