2 小程式 資料繫結

2022-07-02 03:33:08 字數 1094 閱讀 8519

初始化資料:

1.頁面.js的 data 選項中

index.js 檔案中**展示:

// pages/index/index.js

page(,

/*** 生命週期函式--監聽頁面載入

*/onload: function (options) )

// 看修改是否在其他函式中是否也是同步的settimeout(()=>)

console.log(this.data.message)

}, 2000)

},

使用資料:

1.模板結構中使用雙大括號 }

2.注意事項:小程式中為單項資料流 model ---> view;

index.wxml 檔案中**展示:

g『 s 』

}

修改資料:

1.this.setdata(, callback)

2.this 列印出來是乙個 物件;

資料繫結和修改對比:小程式  vue  react

1.小程式

1.data中初始化資料

2.修改資料:this.setdata()

1.修改資料的行為始終是同步的

3.資料流:

1.單向的:model ---> view

2.vue

1.data中初始化資料

2.修改資料:this.key = value

3.資料流:

1.vue是單向資料流:model ----> view 

2.vue中實現了雙向資料繫結:v-model

3.react

1.state中初始化資料

2.修改資料:this.setstate()

1.自身鉤子函式中(componentdidmount)非同步的

2.非自身的鉤子函式中(定時器的**) 同步的

3.資料流:

1.單向:model ---> view 

微信小程式 資料繫結

頁面 view 頁面 page 效果顯示 wxml item view 則此時這個view的id為0 js page wxml view js page checkbox 注意不要寫成checked false 這個的結果是乙個字串,轉成boolean型別後表示真.運算 hidden view wx...

微信小程式 資料繫結詳解及例項

微信小程式最近要火,火不火看看微信使用者就知道了,做前端的朋友可以大展身手,跟上腳步,這裡來介紹下微信小程式的資料繫結。資料檢視繫結 做前端開發的同學,尤其是web前端,每天都要跟檢視打交道,假如你是用過jquery,你就能體會到jquery的 冗餘和操作不便性,需要手動管理檢視和物件的資料一致性。...

小程式的資料繫結

小程式的頁面是資料的繫結,在頁面js檔案中的data中定義的資料,可以在wxml中利用 符號引用 pages test test.js page tank color blue 頁面的.wxml檔案和html性質一樣 1頁面引用js的資料是用 也可以用作屬性值 ttt view標籤類似div標籤 m...