單向數據流和雙向數據流1、單項數據流:指的是我們先把模板寫好,然后把模板和數據(數據可能來自后臺)整合到一起形成HTML代碼,然后把這段HTML代碼插入到文檔流里面優點:數 ...
單向數據流和雙向數據流
1、單項數據流:指的是我們先把模板寫好,然后把模板和數據(數據可能來自后臺)整合到一起形成HTML代碼,然后把這段HTML代碼插入到文檔流里面
優點:數據跟蹤方便,流向單一,追尋問題比較方便【主要體現:微信小程序】。
缺點:就是寫起來不太方便,如果修改UI界面數據需要維護對應的model對象
2、雙向數據流:值和UI是雙向綁定的,大家都知道,只要UI里面的值發生變化model對象里面對應的值也會發生變化,數據和UI是雙向綁定的。
優點;當修改UI頁面數據時候,對應的model對象值也會跟著改變。
缺點:雙向流動,追群問題相對負責【主要體現:Anguler.js和vue.js等】
》》》 開發前端的同學;尤其是WEB前端,每天都會和視圖打交道加入你用過原生的JS,還是jQuery.JS等,都會感覺到代碼的冗余和負責,你需要手動去管理視圖和對象數據的一致性。
》》》那么問題來了,微信小程序是使用單向數據流還是雙向數據流呢?答案是為使用單向數據流【model模型------->視圖UI】,通過設定model對象的值進行渲染視圖UI
微信小程序案例,雖然案例很簡單,但是用于證明微信小程序使用的是單向數據流足夠了。
JS文件
//index.js
//通過getApp獲取全局應用程序對象
var app = getApp()
Page({
data:{
text:"單向數據庫",
showText:"數據渲染",
},
})
WXML文件
<text>{{text}}</text>
<view >{{ showText }}</view>
頁面顯示結果
雙向數據流案例