Vue3 + Vuex4は、コンポーネントのパブリック状態を実現します

Vuex4.0以降をインストールする

npm install vuex@4.0.0 -s

srcディレクトリに新しいstore/index.jsフォルダを作成します

import {
    
    
    createStore
} from 'vuex';

export default createStore({
    
    
    state: {
    
    
        num: 123
    }
});

でmain.js紹介

import {
    
    
    createApp
} from 'vue'
import App from './App.vue'
import vuex from './store'
const app = createApp(App)
app.use(vuex)
app.mount('#app')

コンポーネントの紹介

<script>
import {
    
     onMounted } from "vue";
import {
    
     useStore } from "vuex";
export default {
    
    
  setup() {
    
    
    const store = useStore();
    onMounted(() => {
    
    
      console.log(store.state.num);
    });
  },
};
</script>