所以我在Vue应用程序中设置了一个路由，我有一个HomeView视图和一个CheckoutView视图，我想将数据作为 prop 从 HomeView（“/”） 传递到 CheckoutView（“/checkout”），但我找不到方法来做，因为它们没有连接。确切地说，我想在每次用户请求**"/checkout”**路由时，将cart数组和total值从 HomeView 发送到 CheckoutView。

router/index.js

const routes = [
  {
    path: '/',
    name: 'home',
    component: HomeView,
  },
  {
    path: '/checkout',
    name: 'checkout',
    component: () => import('../views/CheckoutView.vue')
  }
]

字符串

HomeView.vue

export default {
import productsData from '@/assets/products.json';

  name: 'HomeView',
  data() {
    return {
      products: [],
      cart: [],
      total: 0,
    }
  },
  created() {
    this.products = productsData;
  }
}

型

CheckoutView.vue

export default {
  name: "CheckoutView",
  props: {
    cart: Array,
    total: Number
  }
}

型
显然，我简化了代码，只保留了基本内容，但总结一下：对于每个路由**"/checkout”**的请求，我希望来自 HomeView 的cart和total作为props发送到 CheckoutView。