在 Vue 中，actions 是一個十分重要的概念。它們可以讓你在應用中實現異步和復雜的邏輯，同時通過在多個組件中共享狀態，使得應用程序的維護變得更加簡單和高效。即使在使用 actions 時不會傳遞對象，但是當應用程序變得更加復雜時，你可能需要傳遞一些對象來處理特定的邏輯。Vue 的 actions 可以接收傳入的參數，這些參數可以是任意 JavaScript 對象，包括對象和函數。

import { action } from 'vuex';
export const myAction = action((context, payload) =>{
// 使用傳遞的對象
console.log(payload.myObjectProperty);
});

像這樣在 actions 中使用對象非常簡單。只需要將對象傳遞給 actions 的參數即可。然后在 actions 中就可以使用傳遞的對象來完成你的任務。

當你在傳遞對象時，你還需要確保避免在傳遞對象時發生副作用。這包括在對象上進行突變或修改對象。這是因為對象在 Vue 中被反應式地建模，任何副作用都可以導致狀態變得不穩定。為了避免這種情況，你可以使用 Object.assign() 或 ES6 對象析構來復制或拆解對象。

import { action } from 'vuex';
export const myAction = action((context, { myObjectProperty }) =>{
// 使用傳遞的對象
console.log(myObjectProperty);
});

還可以使用 ES6 對象析構運算符來簡化操作。這樣做不僅使你的代碼更加簡潔，而且還可以避免下一個程序員在未來修改代碼時不小心修改了你的對象。

總之，在 Vue 中，對象的傳遞是一個常見的需求。有了 actions 的支持，你可以輕松地傳遞對象，并在 actions 中使用它們。請記住避免在對象上發生任何副作用，以便在應用程序變得更加復雜時保持狀態的穩定性。