[發(fā)明專利]一種vue的雙向綁定方法及相關(guān)裝置

在審

• 申請?zhí)枺?/td>: 202011509270.7
• 申請日: 2020-12-18
• 公開（公告）號(hào): CN112527294A
• 公開（公告）日: 2021-03-19
• 發(fā)明（設(shè)計(jì)）人: 張明;張世杰;焦偉哲
• 申請（專利權(quán)）人: 吉林億聯(lián)銀行股份有限公司
• 主分類號(hào): G06F8/38
• 分類號(hào): G06F8/38;G06F8/41;G06F11/30
• 代理公司: 北京集佳知識(shí)產(chǎn)權(quán)代理有限公司 11227
• 代理人: 尹秀

本申請?zhí)峁┝艘环Nvue的雙向綁定方法及相關(guān)裝置，其中，方法可以包括：在接收到用于表征對目標(biāo)對象新增屬性的指令的情況下，調(diào)用預(yù)設(shè)的set方法；所述set方法為所述新增屬性添加數(shù)據(jù)監(jiān)聽、數(shù)據(jù)劫持以及訂閱中心；如果所述新增屬性為用于渲染頁面的屬性，則所述目標(biāo)對象的監(jiān)聽器在監(jiān)聽到所述新增屬性的內(nèi)容的變化的情況下，將變化內(nèi)容發(fā)送給所述新增屬性的訂閱中心；所述新增屬性的訂閱中心將所述變化內(nèi)容發(fā)送給所述vue中的訂閱中心的服務(wù)對象；服務(wù)對象依據(jù)所述變化內(nèi)容，對頁面進(jìn)行更新。本申請可以解決對初始化實(shí)例生成的對象新增屬性，由于無法監(jiān)聽到新增屬性的內(nèi)容的變化導(dǎo)致無法更新頁面的問題。

技術(shù)領(lǐng)域

本申請涉及軟件處理領(lǐng)域，尤其涉及一種vue的雙向綁定方法及相關(guān)裝置。

背景技術(shù)

在MVVM框架中，View(視圖)和Model(數(shù)據(jù))是不可以直接通訊的，在它們之間存在著ViewModel(即vue)這個(gè)中介充當(dāng)著觀察者的角色。當(dāng)用戶操作View(視圖)，ViewModel感知到變化，然后通知Model(數(shù)據(jù))發(fā)生相應(yīng)改變；反之當(dāng)Model發(fā)生改變，ViewModel也能感知到變化，使View作出相應(yīng)更新。該一來一回的過程就是vue雙向綁定。

MVVM框架的好處顯而易見：當(dāng)前端對數(shù)據(jù)(Model)進(jìn)行更改的時(shí)候，可以通過Ajax請求對數(shù)據(jù)持久化，只需改變vue的dom中的變化部分，而不必刷新整個(gè)頁面。即只需針對更改的數(shù)據(jù)，對頁面進(jìn)行更新即可。

但是，對于初始化實(shí)例生成對象后，如果對該對象新增屬性，vue無法監(jiān)聽到新增屬性的內(nèi)容的變化，因此，出現(xiàn)雙向綁定失效的問題。即當(dāng)新增屬性的內(nèi)容發(fā)生變化時(shí)，vue感知不到，從而，不能使View做出相應(yīng)的更新。

發(fā)明內(nèi)容

本申請?zhí)峁┝艘环Nvue的雙向綁定方法及相關(guān)裝置，目的在于解決對初始化實(shí)例生成的對象新增屬性，由于無法監(jiān)聽到新增屬性的內(nèi)容的變化導(dǎo)致無法更新頁面的問題。

為了實(shí)現(xiàn)上述目的，本申請?zhí)峁┝艘韵录夹g(shù)方案：

本申請?zhí)峁┝艘环Nvue雙向綁定方法，應(yīng)用于vue，包括：

在接收到用于表征對目標(biāo)對象新增屬性的指令的情況下，調(diào)用預(yù)設(shè)的set方法；所述set方法在所述vue中為所述新增屬性添加數(shù)據(jù)監(jiān)聽、數(shù)據(jù)劫持以及訂閱中心；

如果所述新增屬性為用于渲染頁面的屬性，則所述目標(biāo)對象的監(jiān)聽器在監(jiān)聽到所述新增屬性的內(nèi)容變化的情況下，將變化內(nèi)容發(fā)送給所述新增屬性的訂閱中心；

所述新增屬性的訂閱中心將所述變化內(nèi)容發(fā)送給所述vue中所述訂閱中心的服務(wù)對象；

所述服務(wù)對象依據(jù)所述變化內(nèi)容，對頁面進(jìn)行更新。

可選的，所述新增屬性的訂閱中心包括：觸發(fā)時(shí)間；所述觸發(fā)時(shí)間用于指示：所述目標(biāo)對象的監(jiān)聽器監(jiān)聽到所述新增屬性的內(nèi)容變化的情況下，將所述新增屬性的變化內(nèi)容發(fā)送給所述新增屬性的訂閱中心的時(shí)間；

所述目標(biāo)對象的監(jiān)聽器在監(jiān)聽到所述新增屬性的內(nèi)容變化的情況下，將變化內(nèi)容發(fā)送給所述新增屬性的訂閱中心，包括：

所述目標(biāo)對象的監(jiān)聽器在監(jiān)聽到所述新增屬性的內(nèi)容變化的情況下，依據(jù)所述觸發(fā)時(shí)間，將變化內(nèi)容發(fā)送給所述新增屬性的訂閱中心。

可選的，所述set方法在所述vue中為所述新增屬性添加數(shù)據(jù)監(jiān)聽、數(shù)據(jù)劫持以及訂閱中心的過程，包括：

在所述目標(biāo)對象存在監(jiān)聽器的情況下，所述目標(biāo)對象的監(jiān)聽器遍歷所述目標(biāo)對象的每個(gè)屬性，將未添加數(shù)據(jù)監(jiān)聽和數(shù)據(jù)劫持的屬性作為所述新增屬性；

對所述新增屬性添加數(shù)據(jù)監(jiān)聽和數(shù)據(jù)劫持；

對所述新增屬性添加訂閱中心。

可選的，還包括：