javascript - Vue.js は関数を prop として渡し、子にデータでそれを呼び出させます

Question

投稿リスト コンポーネントと投稿コンポーネントがあります。

投稿リストから投稿コンポーネントに呼び出すメソッドを渡すので、ボタンをクリックすると呼び出されます。

しかし、この関数がクリックされたときに投稿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>
    `
}

Post コンポーネントでわかるように、小道具から取得したメソッドを実行するクリックがあります。そのメソッドに変数を追加したいと思います。

どうやってそれをしますか？