首頁 > web前端 > Vue.js > 主體

vuex使用場景是什麼

青灯夜游
發布: 2023-01-13 00:45:18
原創
11270 人瀏覽過

vuex使用場景:1、使用者的個人資訊管理模組;2、電商項目的購物車模組;3、我的訂單模組,訂單清單中點選取消訂單,然後更新對應的訂單清單; 4、訂單結算頁,取得所需的優惠券,並更新訂單優惠資訊。

vuex使用場景是什麼

本教學操作環境:windows7系統、vue2.9.6版、Dell G3電腦。

首先,我們先來探討一下,什麼情況下vuex才是必須要到的呢?

  • 需要資料共享和行為進行拆分;

  • #複雜的非同步邏輯,需要綜合多個模組進行狀態演進;

  • 需要用到第三方外掛;

  • 需要綜合考慮多個元件的生命週期,先後順序,特定邏輯等等;

#vuex使用的場景:

  • #使用者的個人資訊管理模組;

  • 電商專案的購物車模組,每次都調用獲取購物車數量的接口(前提得有),效果是實現了,但是每一次的HTTP請求,都是對瀏覽器性能消耗。對比下來,用vuex的mutations進行觸發,就顯得更加有優勢;

  • #我的訂單模組,訂單列表也點擊取消訂單,然後更新對應的訂單列表,這種情況也是用Vuex,state儲存一個狀態,監聽這個狀態,變化時更新對應的清單;

  • 從訂單結算頁,進入選擇優惠券的頁面,選擇優惠券的頁面。如何保存選擇的優惠券資訊? state保存優惠券信息,選擇優惠券時,mutations提交,在訂單結算頁,獲取選擇的優惠券,並更新訂單優惠信息;

##相關推薦:《

vue.js教程

以上是vuex使用場景是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板