[發明專利]一種對vue進行狀態管理的方法、系統、設備及介質

有效

• 申請號: 202010594869.9
• 申請日: 2020-06-28
• 公開（公告）號: CN111858314B
• 公開（公告）日: 2022-11-11
• 發明（設計）人: 安立斌
• 申請（專利權）人: 蘇州浪潮智能科技有限公司
• 主分類號: G06F11/36
• 分類號: G06F11/36
• 代理公司: 北京連和連知識產權代理有限公司 11278
• 代理人: 李紅蕭;張騰

本發明公開了一種對vue進行狀態管理的方法、系統、設備和存儲介質，方法包括以下步驟：創建全局狀態管理文件和若干局部狀態管理文件，并基于業務類型判斷當前狀態是全局狀態管理還是局部狀態管理；響應于當前狀態是全局狀態管理，啟用全局狀態管理文件并判斷是否需要加入局部狀態管理文件；響應于需要加入局部狀態管理文件，通過正則表達式匹配對應的局部狀態管理文件，并將對應的局部狀態管理文件的名稱加入到全局狀態管理文件中；以及對狀態值進行監聽，響應于狀態值發生改變，基于當前狀態和狀態值對vue中的頁面進行相應的改變。

技術領域

本發明涉及狀態管理領域，更具體地，特別是指一種對vue進行狀態管理的方法、系統、計算機設備及可讀介質。

背景技術

當今市場，Vue框架已經逐漸成為絕大多數公司的前端首選框架。而Vuex作為官方推出的Vue框架狀態管理插件，也毫無疑問的成為了很多公司及獨立開發者的首選。Vuex雖然可以幫我們實現狀態的管理，但是同樣也增加了開發的成本和項目復雜性。不僅如此，它使得所有的業務模塊的狀態相關信息存在閉包，不僅污染了系統的全局環境，還增重了項目運行加載負擔，降低了頁面加載速度，增加了項目打包后的文件大小(針對SPA)。如果一個項目中存在非常龐大數量的狀態信息需要我們去進行維護。毫無疑問，Vuex可能是你的首選方案。因為它可以安裝后即用。可很多項目中可能只存在少數的狀態數據需要進行維護，或者追求系統性能的極致。此時，如果要使用Vuex不僅不能幫助我們解決問題，反而會加重問題，增加項目復雜度。

發明內容

有鑒于此，本發明實施例的目的在于提出一種對vue進行狀態管理的方法、系統、計算機設備及計算機可讀存儲介質，通過數據監聽實現Vue的狀態管理，不僅降低了開發的成本和項目復雜性，而且避免了所有業務模塊的狀態全部拋向全局而造成的全局環境被污染，降低了加載負擔，提升了加載速度，減少了項目打包后的文件大??；并且對每個業務模塊進行了合理的代碼分離，每個業務模塊的狀態管理各司其職，互不干預；同時，增強了狀態管理的橫向擴展能力，無需因為業務模塊的增加和減少對代碼進行反復的修改。最終實現了狀態管理的分離、加載的自動化、項目打包后文件體積的減小及渲染加載的優化。

基于上述目的，本發明實施例的一方面提供了一種對vue進行狀態管理的方法，包括如下步驟：創建全局狀態管理文件和若干局部狀態管理文件，并基于業務類型判斷當前狀態是全局狀態管理還是局部狀態管理；響應于當前狀態是全局狀態管理，啟用所述全局狀態管理文件并判斷是否需要加入局部狀態管理文件；響應于需要加入局部狀態管理文件，通過正則表達式匹配對應的局部狀態管理文件，并將所述對應的局部狀態管理文件的名稱加入到所述全局狀態管理文件中；以及對狀態值進行監聽，響應于所述狀態值發生改變，基于當前狀態和狀態值對vue中的頁面進行相應的改變。

在一些實施方式中，所述創建全局狀態管理文件和局部狀態管理文件包括：采用不同的命名規則分別對所述全局狀態管理文件和所述局部狀態管理文件進行命名。

在一些實施方式中，還包括：響應于不需要加入局部狀態管理文件，將所述全局狀態管理文件掛載到全局對象下，并通過所述全局對象獲取全局狀態管理數據。

在一些實施方式中，還包括：響應于當前狀態是局部狀態管理，啟用所述局部狀態管理文件并判斷是否需要加入其他局部狀態管理文件。

在一些實施方式中，還包括：響應于不需要加入其他局部狀態管理文件，獲取所述局部狀態管理數據。

在一些實施方式中，還包括：響應于需要加入其他局部狀態管理文件，根據正則表達式匹配對應的其他局部狀態管理文件。

在一些實施方式中，還包括：判斷所述局部狀態管理文件與所述其他局部狀態管理文件是否能夠相互調用；以及響應于所述局部狀態管理文件與所述其他局部狀態管理文件能夠相互調用，將所述局部狀態管理文件與所述其他局部狀態管理文件進行合并。