使用vue

Question

我在html文件中有以下代码：

<script>
    Vue.component('edit-user', {
        methods: {
            trigger () {
                Event.$emit('editUser');
            }
        },
        template: '<a @click="trigger">Edit</a>'
    });

    new Vue({
        el: '#views',
    });
</script>

然后在我打电话的相关地方：

<edit-user></edit-user>

视图的根元素为<div id="views">，它封装了整个页面。然后我注册了editUser.vue组件。它应该只是触发模态的显示。

由于某种原因，这段代码不起作用。编辑模板时收到错误，组件甚至无法显示在我的Vue devtools选项卡中。

有什么明显的我做错了吗？我的编辑链接显示但绝对没有。

任何帮助表示赞赏！