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

在審

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

1.一種vue雙向綁定方法，其特征在于，應(yīng)用于vue，包括：

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

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

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

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

2.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述新增屬性的訂閱中心包括：觸發(fā)時(shí)間；所述觸發(fā)時(shí)間用于指示：所述目標(biāo)對(duì)象的監(jiān)聽器監(jiān)聽到所述新增屬性的內(nèi)容變化的情況下，將所述新增屬性的變化內(nèi)容發(fā)送給所述新增屬性的訂閱中心的時(shí)間；

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

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

3.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述set方法在所述vue中為所述新增屬性添加數(shù)據(jù)監(jiān)聽、數(shù)據(jù)劫持以及訂閱中心的過程，包括：

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

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

對(duì)所述新增屬性添加訂閱中心。

4.根據(jù)權(quán)利要求3所述的方法，其特征在于，還包括：

在所述目標(biāo)對(duì)象不存在監(jiān)聽器的情況下，在所述vue中為所述目標(biāo)對(duì)象創(chuàng)建一個(gè)監(jiān)聽器。

5.一種vue雙向綁定裝置，其特征在于，包括：

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

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

第二發(fā)送模塊，用于通過所述新增屬性的訂閱中心將所述變化內(nèi)容發(fā)送給所述vue中所述訂閱中心的服務(wù)對(duì)象；

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

6.根據(jù)權(quán)利要求5所述的裝置，其特征在于，所述新增屬性的訂閱中心包括：觸發(fā)時(shí)間；所述觸發(fā)時(shí)間用于指示：所述目標(biāo)對(duì)象的監(jiān)聽器監(jiān)聽到所述新增屬性的內(nèi)容變化的情況下，將所述新增屬性的變化內(nèi)容發(fā)送給所述新增屬性的訂閱中心的時(shí)間；

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

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

7.根據(jù)權(quán)利要求5所述的裝置，其特征在于，還包括：執(zhí)行模塊，用于通過所述set方法在所述vue中為所述新增屬性添加數(shù)據(jù)監(jiān)聽、數(shù)據(jù)劫持以及訂閱中心；

所述執(zhí)行模塊，用于通過所述set方法在所述vue中為所述新增屬性添加數(shù)據(jù)監(jiān)聽、數(shù)據(jù)劫持以及訂閱中心，包括：

所述執(zhí)行模塊，具體用于在所述目標(biāo)對(duì)象存在監(jiān)聽器的情況下，通過所述目標(biāo)對(duì)象的監(jiān)聽器遍歷所述目標(biāo)對(duì)象的每個(gè)屬性，將未添加數(shù)據(jù)監(jiān)聽和數(shù)據(jù)劫持的屬性作為所述新增屬性；對(duì)所述新增屬性添加數(shù)據(jù)監(jiān)聽和數(shù)據(jù)劫持；對(duì)所述新增屬性添加訂閱中心。

8.根據(jù)權(quán)利要求7所述的裝置，其特征在于，

所述執(zhí)行模塊，還用于通過所述set方法，在所述目標(biāo)對(duì)象不存在監(jiān)聽器的情況下，在所述vue中為所述目標(biāo)對(duì)象創(chuàng)建一個(gè)監(jiān)聽器。