vue3.0 vuex4使用

安裝:npm install vuex@next --save
main.js引入store

import { createApp } from 'vue'
import App from './App.vue'
import store from './store/store.js'

const app = createApp(App);
app.use(store);
app.mount('#app')

store.js

import { createStore } from 'vuex'
import storage from './storage' 
export default createStore({
  modules: { 
    storage: storage
  }
})

storage.js

export default {
 state: {
    id:""
    },
    mutations: {
        setInfo(state, data) {
            Object.assign(state, data);
        }
    }, 

頁面應(yīng)用

<script>
import { useStore } from "vuex";
export default {
setup() {
const store = useStore();
let res = {id: 888};
store.commit("setInfo", res); //存儲(chǔ)
const getStoreId = store.state.storage.id //調(diào)用
  }
}
</script>
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容