Vuex總結 是什麼 有什麼 怎麼用

2022-08-13 02:54:10 字數 927 閱讀 8610

首先vuex是狀態管理器

一、為什麼用;

==>

首先 我們的vue 是單向資料流;

1、當我們處理大量資料的時候,傳參的方法對於多層巢狀的元件來說是非常繁瑣的,而且兄弟間的狀態傳遞是無能為力的;

2、我們經常會採用父子元件直接引用或者通過事件來變更和同步狀態的多份拷貝;而以上模式都非常脆弱,會造成 無法維護的**;

所以 我們將元件的共享狀態拿出來以乙個全域性單例模式管理。

二、有哪些東西;

state : 資料來源存放地,對應於一般vue物件裡的data;

getter : 相當於是計算屬性;所以,getter的 返回值會根據它的依賴被快取起來,且只有當它的依賴值發生了改變才會被重新計算;

mutation : 只是用來修改資料的;

action : 大多數用來處理非同步操作;

module : 有時候我們的應用的所有狀態可能會集中到乙個比較大的物件。當應用複雜時,store會很臃腫 所以我們將store分割成模組 就像我們在資料夾中建立子資料夾一樣; 目的都是為了便於管理

三、資料傳遞過程:

當元件進行資料修改的時候我們需要呼叫dispatch來觸發actions裡邊的方法,actions裡邊的每個方法都會有乙個commit方法,當方法執行的時候通過commit來觸發mutations裡邊的方法進行資料的修改,mutations裡邊的每個函式都會有乙個state引數,這樣就可以在mutations裡邊進行state的資料修改,當資料修改完畢之後,會渲染到頁面 頁面的資料也會發生改變

流程圖(來自官網):

四、什麼時候用?

對於一些大型的spa應用 我們在用到大量的資料處理,考慮到如何更好的在元件外部管理狀態時,就可以考慮使用vuex;

電視HDMI介面是什麼 有什麼用 怎麼用

hdmi介面是什麼 hdmi介面的誕生 電視hdmi介面怎麼用 電視hdmi介面可以連線膝上型電腦 需要vga轉hdmi轉換器的配合,vga介面一頭插在電腦上,hdmi一頭插在電視上,然後設定電視機的訊號源輸出,選擇 hdmi訊號 利用筆記本的強大處理能力,將1080p的高畫質畫面以及高質量音訊直接...

資料庫索引是什麼,有什麼用,怎麼用

此問題的推薦答案 第二次回答 問題補充 能不能具體點,新建乙個索引就可以了嗎 基本上可以這麼說,不過你也可以修改索引。記住 索引其實關鍵目的是為了加快檢索速度而建立的,所以,怎麼用索引是資料庫系統本身的事情,作為資料庫設計或使用者,設計並建立好索引然後體驗加上索引後的查詢變快的感覺就行了。所以,索引...

儲存過程是什麼?有什麼用?有什麼

儲存過程 stored procedure 是一組為了完成特定功能的 sql 語句集,經編譯後存 儲在資料庫中。使用者通過指定儲存過程的名字並給出引數 如果該儲存過程帶有引數 來執 行它。儲存過程是 sql 語句和可選控制流語句的預編譯集合,以乙個名稱儲存並作為乙個 單元處理。儲存過程儲存在資料庫內...