example.ts

import * as Vue from 'vue'
import Component from '../lib/index'

@Component({
  props: {
    propMessage: String
  }
})
class App extends Vue {
  propMessage: string
  msg: number = 123
  helloMsg: string = 'Hello, ' + this.propMessage

  // lifecycle hook
  mounted () {
    this.greet()
  }

  // computed
  get computedMsg () {
    return 'computed ' + this.msg
  }

  // method
  greet () {
    alert('greeting: ' + this.msg)
  }

  render (h: Vue.CreateElement) {
    return (
      h('div', [
        h('input', {
          domProps: { value: this.msg },
          on: {
            input: (event: any) => {
              this.msg = event.target.value
            }
          }
        }),
        h('p', ['prop: ', this.propMessage]),
        h('p', ['msg: ', this.msg]),
        h('p', ['helloMsg: ', this.helloMsg]),
        h('p', ['computed msg: ', this.computedMsg]),
        h('button', { on: { click: this.greet }}, ['Greet'])
      ])
    )
  }
}

// mount
new App({
  el: '#el',
  render: h => h(App, { props: { propMessage: 'World!' }})
})