javascript - 如果所有請求都放到actions 裡面，那麼拿到的資料應該 放在哪裡，state 還是vue實例裡面的data？

Question

如題
看有人將所有的請求都放到了vuex 的action裡面 但我想問是不是拿到的資料去改變state ? 但是state不是拿來傳遞狀態的嘛？這樣存資料是不是過度使用vuex 啊，求解答？

Answer 1

看需求啊，如果你有幾個元件共享這個請求的數據，你應該放進vuex進行狀態管理。如果只是一個元件使用這個請求的數據，根本沒必要放進vuex。

Answer 2

資料請求放到action裡，然後把資料commit到mutation裡去改變state，然後元件就可以透過下面這種方式來取得

computed: {
    ...mapState({
        'user'
    })
}

vuex的一個好處就是兄弟間組件的資料共享與通訊。並不需要把所有資料放到vuex裡。

Answer 3

可以使用Vuet來配合route規則來實現管理頁面的請求，可以看下這個簡單的範例

Answer 4

這個確實需要看你自己數據的需求了
這個時候可能會有兩種數據。
1。全域數據，這種數據會在各個元件之間相互傳遞，這種數據如果是只是放在元件的data裡面，那麼這個時候你其他元件在使用該元件的data就麻煩一些了。建議這種資料放入state，這樣其他元件去取資料的時候就會方便很多。並且可以應用各種計算。
2.局部數據，這種數據就是組件內的特有數據了，別的地方根本不會用的這種，你這種數據放入全局的state或者是組件的data裡面都沒有關係了。但也不能全部盲目的都放在state裡面。久而久之你這個state的資料就會變得亂了。所以看情況去存在data才是關鍵。