在vue中如何使用addEventListener？

Question

开发环境：

vue2.0vue-cli

<span class="user-notice" @click="handle($event)"></span>

methods: {
    handle (e) {        function addHandler (el, type, handler) {
            el.addEventListener(type, handler, false)
        }
        addHandler(e.target, 'click', (e) => {
            e.stopPropagation()
        })
    }
}

在这种情况首次点击不会生效，需要第二次点击才会响应操作，那么：

尝试了将handle放进created()、mounted()、updated()都会报错，e.target is undefiend

在updated()中console.log(document.querySelector('user-notice'))，是能够正确取到值的。