Laravel + Vue3 + Vuex 筆記

npm install 以下套件

"vue": "^3.2.37",
"vue-loader": "^16.8.3",
"vue-template-compiler": "^2.7.10",
"vuex": "^4.0.2"

resources/js/exampleStore.js 範例

export default {
    state () {
        return {
            count: 0
        }
    },
    mutations: {
        increment (state) {
            state.count++
        }
    }
};

在 resources/js/app.js 加上

import { createApp } from 'vue';
import { createStore } from 'vuex';
import exampleStore from './exampleStore.js';
window.store = createStore({
    modules: {
        example: exampleStore
    }
});
window.app = createApp({
    //
})
.use(store)
.mount('#app');

執行

npm run prod