亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

詳解 vue 雙向數(shù)據(jù)綁定的原理，并實現(xiàn)一組雙向數(shù)據(jù)綁定

Stardustsky / 991人閱讀

1：vue 雙向數(shù)據(jù)綁定的原理：

Object.defineProperty是ES5新增的一個API，其作用是給對象的屬性增加更多的控制
Object.defineProperty(obj, prop, descriptor)
參數(shù) obj: 需要定義屬性的對象（目標對象）
prop: 需被定義或修改的屬性名（對象上的屬性或者方法）
對于setter和getter，我的理解是它們是一對勾子（hook）函數(shù)，當你對一個對象的某個屬性賦值時，則會自動調(diào)用相應(yīng)的setert函數(shù)；而當獲取屬性時，則調(diào)用getter函數(shù)。這也是實現(xiàn)雙向數(shù)據(jù)綁定的關(guān)鍵。

2：自己實現(xiàn)一個雙向數(shù)據(jù)綁定：


    
    






    var obj = {}
    Object.defineProperty(obj, "txt", {
        get: function () {
            return obj
        },

        set: function (newValue) {
            document.getElementById("txt").value = newValue
            document.getElementById("show-txt").innerHTML = newValue
        }
    })

    document.addEventListener("keyup", function (e) {
        obj.txt = e.target.value
    })

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/97301.html

相關(guān)文章

  • Vue簡單實現(xiàn)原理

    摘要：需要指令解析器，對每個元素節(jié)點的指令進行掃描和解析，根據(jù)指令模板替換數(shù)據(jù)，以及綁定相應(yīng)的更新函數(shù)。然后將模版中的變量替換成數(shù)據(jù)，渲染，將每個指令對應(yīng)的節(jié)點綁定更新函數(shù)，添加監(jiān)聽數(shù)據(jù)的訂閱者，一旦數(shù)據(jù)發(fā)生變動，收到通知，更新視圖。 用了Vue也有兩年時間了，一直以來都是只知其然，不知其所以然，為了能更好的使用Vue不被Vue所奴役，學(xué)習(xí)一下Vue底層的基本原理。 Vue官網(wǎng)有一段這樣的介...

    luqiuwen 評論0 收藏0

  • Vue雙向綁定原理，教你一步一步實現(xiàn)雙向綁定

    摘要：儲存訂閱器因為屬性被監(jiān)聽，這一步會執(zhí)行監(jiān)聽器里的方法這一步我們把也給弄了出來，到這一步我們已經(jīng)實現(xiàn)了一個簡單的雙向綁定了，我們可以嘗試把兩者結(jié)合起來看下效果?？偨Y(jié)本文主要是對雙向綁定原理的學(xué)習(xí)與實現(xiàn)。 當今前端天下以 Angular、React、vue 三足鼎立的局面，你不選擇一個陣營基本上無法立足于前端，甚至是兩個或者三個陣營都要選擇，大勢所趨。 所以我們要時刻保持好奇心，擁抱變化，...

    Labradors 評論0 收藏0

  • Vue 雙向數(shù)據(jù)綁定原理分析

    摘要：關(guān)于雙向數(shù)據(jù)綁定當我們在前端開發(fā)中采用的模式時，，指的是模型，也就是數(shù)據(jù)，，指的是視圖，也就是頁面展現(xiàn)的部分。參考沉思錄一數(shù)據(jù)綁定雙向數(shù)據(jù)綁定實現(xiàn)數(shù)據(jù)與視圖的綁定與同步，最終體現(xiàn)在對數(shù)據(jù)的讀寫處理過程中，也就是定義的數(shù)據(jù)函數(shù)中。 關(guān)于雙向數(shù)據(jù)綁定 當我們在前端開發(fā)中采用MV*的模式時，M - model，指的是模型，也就是數(shù)據(jù)，V - view，指的是視圖，也就是頁面展現(xiàn)的部分。通常，...

    nanfeiyan 評論0 收藏0

  • Vue面試題精選：Vue原理以及雙向數(shù)據(jù)綁定的實戰(zhàn)過程

    摘要：雙向數(shù)據(jù)綁定指的是，將對象屬性變化與視圖的變化相互綁定。數(shù)據(jù)雙向綁定已經(jīng)了解到是通過數(shù)據(jù)劫持的方式來做數(shù)據(jù)綁定的，其中最核心的方法便是通過來實現(xiàn)對屬性的劫持，達到監(jiān)聽數(shù)據(jù)變動的目的。和允許觀察數(shù)據(jù)的更改并觸發(fā)更新。 1 MVVM 雙向數(shù)據(jù)綁定指的是，將對象屬性變化與視圖的變化相互綁定。換句話說，如果有一個擁有name屬性的user對象，與元素的內(nèi)容綁定，當給user.name賦予一個新...

    malakashi 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<