Binding Events

@ directive allows to bind events.

<template>
  <button @click="sayHi" name="the button">Click</button>
</template>

<script>
  export default class extends Lego {
    sayHi(event) {
      alert('You clicked to says hi! 👋🏼')
    }
  }
</script>

Binding Custom Events #

Lego can bind custom events. However, the custom event type should not be defined in camelCase, because of case-sensitivity issues. It is recommended to use kebab-case.