千鋒教育web前端高頻面試題視頻教程,kerwin大話前端面試秘籍(附答案)

單向數(shù)據(jù)流 與雙向數(shù)據(jù)綁定
1.單向數(shù)據(jù)流
單向數(shù)據(jù)流(unidirectional data flow)是指用戶訪問View,View發(fā)出用戶交互的Action,在Action里對state進行相應更新。state更新后會觸發(fā)View更新頁面的過程。這樣數(shù)據(jù)總是清晰的單向進行流動,便于維護并且可以預測。
1.1 特點:
(1) 所有狀態(tài)的改變可記錄、可跟蹤,源頭易追溯;
(2) 所有數(shù)據(jù)只有一份,組件數(shù)據(jù)只有唯一的入口和出口,使得程序更直觀更容易理解,有利于應用的可維護性;
(3) 一旦數(shù)據(jù)變化,就去更新頁面(data-頁面),但是沒有(頁面-data);
(4) 如果用戶在頁面上做了變動,那么就手動收集起來(雙向是自動),合并到原有的數(shù)據(jù)中。
2.雙向數(shù)據(jù)綁定
雙向數(shù)據(jù)綁定,帶來雙向數(shù)據(jù)流。數(shù)據(jù)(state)和視圖(View)之間的雙向綁定說到底就是 (value 的單向綁定 + onChange 事件偵聽)的一個語法糖,你如果不想用 v-model,像 React 那樣處理也是完全可以的。
2.1 特點:
無論數(shù)據(jù)改變,或是用戶操作,都能帶來互相的變動,自動更新。適用于項目細節(jié),如:UI控件中(通常是類表單操作)。
通過視頻可以加深對數(shù)據(jù)流的理解,單向數(shù)據(jù)只能從一個方向改變,組件數(shù)據(jù)流動,雙向數(shù)據(jù)是數(shù)據(jù)和視圖的綁定是一個雙向通道。讓我在代碼中運用更熟練