sample-vue-component.vue

<template>
  <div @click="someTest">
    {{preMessage}} {{message}}
  </div>
</template>
<script lang="ts">

interface Mehtods {
  someTest: () => void;
}

interface Data {
  message: string;
}

interface Computed {
  preMessage: string;
}

interface Props {

}

Vue.extend<Methods, Data, Computed, Props>({
  name: 'SampleVueComponent',
  data(){
    return {
      message: 'World'
    }
  },
  methods: {
    someTest(){
      console.log('Hello World')
    }
  },
  computed: {
    preMessage(){
      return 'Hello'
    }
  }
})
</script>