How to remove Event Listener in custom directive?

Question

Vue.js

The directive in inserted has this

function myFunc () { console.log('RESIZE!!!') }
window.addEventListener('resize', myFunc)

The listener stays hung even when moving to another page where this directive is not used. Can't figure out how to remove it? In unbind, I cannot use the function because it uses the variables from inserted

Answer 1

A mixin is more suitable here, rather than a directive. In it, you can register your reaction to mounted and beforeDestroy