Nuxt/examples/vue-class-component/components/Child.vue

<template>
  <div>
    <input v-model="msg">
    <p>msg: {{ msg }}</p>
    <p>env: {{ env }}</p>
    <p>computed msg: {{ computedMsg }}</p>
    <button @click="greet">
      Greet
    </button>
    <p>
      <NuxtLink to="/about">
        About page
      </NuxtLink>
    </p>
  </div>
</template>

<script>
import Component from 'nuxt-class-component'
import Base from '@/components/Base'

export default
@Component
class Child extends Base {
  // override parent method
  greet() {
    console.log('child greeting: ' + this.msg) // eslint-disable-line no-console
  }
}
</script>