[Vue.js] vue-property-decoratorで関数型コンポーネントを利用する

vue-property-decoratorで関数型コンポーネントを利用する方法

やることは2つ
- templateタグにfunctionalを設定する
- class内でfunctional = trueを定義する
templateタグにfunctionalを設定するだけで大丈夫っぽい

実際に書いてみると以下みたいな感じ

<template functional>
  <div>
    {{ props.text }}
  </div>
</template>

<script lang="ts">
import { Component, Vue, Prop } from 'vue-property-decorator'

@Component
export default class Child extends Vue {
  // trueを設定する
  functional = true

  @Prop({ default: "", type: String }) text: string
}
</script>