|
<button use:foo>{{x}}</button>
|
|
|
|
<script>
|
|
export default {
|
|
actions: {
|
|
foo(node) {
|
|
let x = 0;
|
|
|
|
const handler = () => this.set({ x: x++ });
|
|
|
|
node.addEventListener('click', handler);
|
|
handler();
|
|
|
|
return {
|
|
destroy() {
|
|
node.removeEventListener('click', handler);
|
|
}
|
|
};
|
|
}
|
|
},
|
|
};
|
|
</script> |
