如何在Vuejs的兄弟姐妹之间通过Bata

Question

我正在Vuejs创建购物车。我的标题中有购物车图标，而我的产品中有另一个组件。我需要将一系列产品带入标头的内部，以便我可以将靠近购物车图标的长度打印出来。这里有一些代码：

data: () => {
    return {
        cart: [],
        products: [
            {
                name: "Margherita",
                price: 5,
                image: "https://www.scattidigusto.it/wp-content/uploads/2018/03/pizza-margherita-originale-Scatti-di-Gusto-1568x821.jpg"
            },
            {
                name: "Marinara",
                price: 4,
                image: "https://wips.plug.it/cips/buonissimo.org/cms/2012/05/pizza-marinara-5.jpg"
            },
            {
                name: "Diavola",
                price: 6,
                image: "https://www.coopshop.it/p/wp-content/uploads/2021/02/Salame_940x450.jpg"
            }
        ]
    }

Answer 1

您应该在Vuex商店内存储产品列表。从那里，列表将可用于您的应用程序中的每个组件。