亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

javascript - 用vuex管理元件狀態(tài)的時候,什麼地方用data,method,什麼地方用state,mutation,actions,有點亂了
淡淡煙草味
淡淡煙草味 2017-05-19 10:44:31
0
1
631

用vuex管理元件狀態(tài)的時候,什麼地方用data,method,什麼地方用state,mutation,actions,有點亂了

淡淡煙草味
淡淡煙草味

全部回覆(1)
漂亮男人

vuex 其實,通俗點理解就是個全域命名空間。也就是個全域變數(shù)。那麼掛到vuex 裡面的action,state 也就是全域都可用。

一般我們在寫組件的時候(其實是業(yè)務組件,功能組件很少用vuex),搞清楚當前業(yè)務組件有方法或者數(shù)據(jù)需要傳遞到其TA組件去嗎?

舉個例子:
有這麼一個場景。假定 有個管理系統(tǒng),有公共的登陸模組、登陸後跳轉的業(yè)務模組。
那麼登陸模組的定義就會是這樣的。

// 登陸模塊
const state = {
    user: { } // 存儲用戶信息
}
const action = {
    login()   { ... }   // 調用API登陸
}   
const mutation = {
    setLogin(state, user){
        state.user = user
    }
}

這樣定義,login(),user 可以在任何想要呼叫的地方呼叫。
如果是這類方法,我們就應該定義到vuex 裡面。

反之,如果你的屬性只是為了在目前元件內部用,例如:

<p v-if="isShow">
    show...
</p>
<button @click="toggle">切換</button>

export default{
    data(){
        return { isShow: false }
    },
    method: {
        toggle(){
            this.isShow =  !this.isShow
        }
    }
}
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板