## 介紹： ~~~ 小型vuex，進行組件之間狀態共享（響應式） ~~~ ## 使用方式： ### 1.創建store.js文件（位置任意，一般放在要通信的組件的最外層，也可放全局） ~~~ import Vue from 'vue' export const state = Vue.observable({ bookingData: [],//預約信息 }) export const mutations = { setBookingData: e => (state.bookingData = e) } ~~~ ### 2. 在頁面中傳參（任何頁面） ~~~ import?{?state,?mutations?}?from'@/pages/server/repair/repairReception/customer/store'; methods:{ // 點擊事件進行狀態共享 saveReplace(data) { state.bookingData = data; // 設置定義的參數 }, } ~~~ ### 3. 使用（調用傳遞的參數） ~~~ // 狀態共享 import { state, mutations } from '@/pages/server/repair/repairReception/customer/store'; computed: { bookingData() { return state.bookingData; } }, watch: { bookingData(data) { // 相當于接收的參數觸發的函數 this.dataSource = data[0].handRepairProjectList; }, } ~~~ ### 4. 修改傳遞的參數 ~~~ 方式一： methods:{ // 點擊事件進行狀態共享 saveReplace(data) { state.bookingData = data; // 設置定義的參數 }, } 方式二： methods:{ // 點擊事件進行狀態共享 saveReplace：mutations .setbookingData, // 設置定義的參數 }, } 方式三： methods:{ saveReplace(){ mutations.setbookingData([1,2]); } } ~~~