舉例:將產品資料傳給購物車進行使用
// 在產品 store 中
state: () => ({
products: [
{
id: 1,
title: '多色餅乾',
imageUrl: '<https://images.unsplash.com/photo-1576717585968-8ea8166b89b8?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170&q=80>',
price: 80
},
{
id: 2,
title: '綠色馬卡龍',
imageUrl: '<https://images.unsplash.com/photo-1623066463831-3f7f6762734d?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1135&q=80>',
price: 120
},
]
}),
getter: {
getProducts: ({ products }) => { ... } // store 中,要取得資料也是使用解構方式
}
// 在購物車 store 中
import productsStore from './productsStore.js'; // 引入產品 store
// 使用 getter 取出資料
getter: {
const { products } = productsStore();
// 使用解構方式就可以將 productStore 中的 products 資料取出
}