如何将类别Id传递给vue的产品列表？

data() {
  return {
    categoryId: 1 // 假设类别Id为1
  }
}

<template>
  <div>
    <product-list :category-id="categoryId"></product-list>
  </div>
</template>

props: {
  categoryId: {
    type: Number,
    required: true
  }
}

data() {
  return {
    products: [] // 存储产品列表
  }
},
created() {
  // 根据类别Id获取产品列表的逻辑
  this.fetchProductsByCategoryId(this.categoryId);
},
methods: {
  fetchProductsByCategoryId(categoryId) {
    // 发起请求或执行相应的逻辑来获取产品列表
    // 示例：使用axios发送GET请求
    axios.get(`/api/products?categoryId=${categoryId}`)
      .then(response => {
        this.products = response.data;
      })
      .catch(error => {
        console.error(error);
      });
  }
}