Vue component decorator with typescript
// npm install vue-component-decorator
import { VueComponent, Component, CreateElement, Props } from 'vue-component-decorator'
@Component
export class TestComponent extends VueComponent<{ id: string, className?: string }> {
@Props() props = { // 自定義標籤屬性之默認值
id: '',
className: ''
}
public render(h: CreateElement): any {
return (
<h1 id={this.$props.id} class={this.$props.className}>
Hello World
</h1>
)
}
}