点击事件监听器不适用于VueJS中的组件

Question

HTML：

<ul>

    <item

      v-on:click="boom"

      v-bind:product="item"

      v-bind:key="item.id"

      v-for="item in items"

     ></item>

</ul>

Javascript：

Vue.component('item', {

    props: ['product'],

    template: '<li><a href="#">{{ product.name }}</a></li>',

});

let app = new Vue({

    el: 'ul',

    data: {

        items: [

            { id: 0, name: 'penda' },

            { id: 1, name: 'harla' },

            { id: 2, name: 'calar' },

        ],

    },

    methods: {

        boom: function (e) {

            alert('Aha!');

        }

    }

});

一切都呈现良好，但boom事件监听器永远不会触发。你知道原因吗？