單頁面應用 狀態管理

2021-08-14 14:21:35 字數 515 閱讀 6555

今天在學習中,看到了關於vuex的一些東西,首先來說明一下vuex是用來幹啥的,我的理解就是用來儲存全域性變數的乙個東西,能夠方便的處理元件之間通訊和管理一些共用的狀態。

關於一些細節說明, 不得不說vue的文件還是很詳細的。

思考乙個問題: 什麼樣的資料需要存在vuex裡?

看完vuex的說明,有乙個小想法,用vuex來做前端的model層,所有的元件的資料都放到這裡邊,這樣就專門抽出來乙個資料層,所有資料都從這裡面取。這樣這些資料就是乙個頂級的資料狀態,能夠是父子關係淡化,不在需要props。也不需要互相影響。並且想了一下,似乎也沒有什麼問題。

然後問了我做前端的朋友。他的反饋是 「我看的專案裡, 都是 沿用props 來實現 父=》子  然後 子 =》 父 使用 vuex「。

後來查了一下網上的說法。這個東西不是必要的,有需要的時候就用。比如,簡單的父子傳值,直接props就可以了,複雜的狀態管理。vuex 能給你帶來很大的方便。

這也使我理解了文件中的一句話。「flux 架構就像眼鏡:您自會知道什麼時候需要它。」

單頁面狀態管理的思考

問題 1.是否需要乙個api專門管理狀態?看到元件中很大一部分 都是在修改狀態,或者根據一些狀態設定另外乙個狀態。這種對狀態的改變,佔了大部分的 前端簡單說就是 dom fn data 又可以大致分為4種 1.ajax請求 2.計算 根據一種資料算出另外一種資料 3.改變狀態 初始化,根據ajax請...

單頁面應用

什麼是 spa 單頁面應用 為啥要寫 spa 簡單來說,為了追求更高一層的使用者體驗。spa 應用的特點是一次性的把頁面顯示邏輯都載入到了本地瀏覽器中,以後每次請求,伺服器那邊都是提供新的資料,而不再向以往一樣傳送 html 所以,每次點乙個鏈結,頁面上能看到的是顯示載入資料的轉來轉去小圈圈,而不是...

單頁面應用 與 多頁面應用

單頁面應用結構檢視如下 多頁面應用結構檢視如下 具體對比分析 單頁面應用 多頁面應用 組成乙個外殼頁面和多個頁面片段組成 多個完整頁面構成 資源 css,js 共用,只需在外殼部分載入 不共用,每個頁面都需要載入 重新整理方式 頁面區域性重新整理或更改 整頁重新整理 url格式 使用者體驗 頁面片段...