免费国产欧美国日产_少妇AV一区二区三区无码_蜜桃精品av无码喷奶水小说_jk18禁网站视频_精产国品一二三级产品区别_被夫の上司に犯波多野结衣_78m成人手机免费看_最爽最刺激18禁视频_偷偷色噜狠狠狠狠的777米奇

易優(yōu)GEO 重磅上線 ~ 一站式GEO優(yōu)化工具,讓豆包、文心一言、DeepSeek 在回答中主動推薦你的品牌,搶占AI流量入口!  點擊查看

小程序模板網

微信小程序分析一:數據流與數據綁定

發(fā)布時間:2017-12-06 17:09 所屬欄目:小程序開發(fā)教程

單向數據流和雙向數據流1、單項數據流:指的是我們先把模板寫好,然后把模板和數據(數據可能來自后臺)整合到一起形成HTML代碼,然后把這段HTML代碼插入到文檔流里面優(yōu)點:數 ...

 
 
 

單向數據流和雙向數據流 
1、單項數據流:指的是我們先把模板寫好,然后把模板和數據(數據可能來自后臺)整合到一起形成HTML代碼,然后把這段HTML代碼插入到文檔流里面 
優(yōu)點:數據跟蹤方便,流向單一,追尋問題比較方便【主要體現:微信小程序】。 
缺點:就是寫起來不太方便,如果修改UI界面數據需要維護對應的model對象

2、雙向數據流:值和UI是雙向綁定的,大家都知道,只要UI里面的值發(fā)生變化model對象里面對應的值也會發(fā)生變化,數據和UI是雙向綁定的。 
優(yōu)點;當修改UI頁面數據時候,對應的model對象值也會跟著改變。 
缺點:雙向流動,追群問題相對負責【主要體現:Anguler.js和vue.js等】

》》》 開發(fā)前端的同學;尤其是WEB前端,每天都會和視圖打交道加入你用過原生的JS,還是jQuery.JS等,都會感覺到代碼的冗余和負責,你需要手動去管理視圖和對象數據的一致性。

 

1、DOM對象是需要手動去維護,之所有比較麻煩。

》》》那么問題來了,微信小程序是使用單向數據流還是雙向數據流呢?答案是為使用單向數據流【model模型------->視圖UI】,通過設定model對象的值進行渲染視圖UI 

微信小程序案例,雖然案例很簡單,但是用于證明微信小程序使用的是單向數據流足夠了。 
JS文件

 

		
  1. //index.js
  2. //通過getApp獲取全局應用程序對象
  3. var app = getApp()
  4. Page({
  5.  
  6.  
  7. data:{
  8. text:"單向數據庫",
  9. showText:"數據渲染",
  10. },
  11.  
  12.  
  13. })

WXML文件

 

		
  1. <text>{{text}}</text>
  2. <view >{{ showText }}</view>

頁面顯示結果

雙向數據流案例 



易優(yōu)小程序(企業(yè)版)+靈活api+前后代碼開源 碼云倉庫:starfork
本文地址:http://m.szcjxy.com/wxmini/doc/course/18057.html 復制鏈接 如需定制請聯系易優(yōu)客服咨詢: 點擊咨詢
在線客服