点击事件监听器不适用于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事件监听器永远不会触发。你知道原因吗？