Vue.js将函数作为prop传递，并使子对象使用数据进行调用

我有一个帖子列表组件和一个帖子组件。

我传递了一种从帖子列表调用帖子组件的方法，因此当单击按钮时，它将被调用。

但是我想在单击此功能时传递帖子ID

码：

let PostsFeed = Vue.extend({
    data: function () {
        return {
          posts: [....]
        }
    },
    template: `
      <div>
        <post v-for="post in posts" :clicked="clicked" />
      </div>
    `,
    methods: {
      clicked: function(id) {
        alert(id);
      }
    }
  }
                           
  let Post = Vue.extend({
    props: ['clicked'],
    data: function () {
        return {}
    },
    template: `
      <div>
        <button @click="clicked" />
      </div>
    `
}

正如您在“发布”组件中看到的那样，您单击了运行从道具获得的方法的单击，我想向该方法添加一个变量。

你是怎样做的？