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);
        }
    }, 

页面应用

<script>
import { useStore } from "vuex";
export default {
setup() {
const store = useStore();
let res = {id: 888};
store.commit("setInfo", res); //存储
const getStoreId = store.state.storage.id //调用
  }
}
</script>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容