点餐传菜品id给后端vue

好的，您可以在前端使用Vue框架，通过Ajax或者Axios等方式向后端发送请求，传递菜品id。具体的实现可以参考以下代码：

<template>
  <div>
    <ul>
      <li v-for="dish in dishes" :key="dish.id">
        {{ dish.name }}
        <button @click="addDish(dish.id)">加入购物车</button>
      </li>
    </ul>
  </div>
</template>

<script>
import axios from 'axios';

export default {
  data() {
    return {
      dishes: [
        { id: 1, name: '宫保鸡丁' },
        { id: 2, name: '麻辣香锅' },
        { id: 3, name: '清蒸鲈鱼' },
      ],
    };
  },
  methods: {
    addDish(id) {
      axios.post('/api/order', { dishId: id }).then((response) => {
        console.log(response.data);
      });
    },
  },
};
</script>

在上面的代码中，我们定义了一个按钮来添加菜品到购物车中。当用户点击按钮时，我们会向后端发送请求，传递菜品id。在后端中，你可以通过接收到的请求参数来处理订单，将用户点的菜品添加到购物车中。