関数型コンポーネント向けのテンプレート

13.1.0 で新規, Vue >= 2.5.0 必須

vue-loader >= 13.3.0 によって、*.vue 内で単一ファイルコンポーネントとして定義された関数型コンポーネントは適切なテンプレートコンパイルを楽しむことができ、スコープ付き CSS そしてホットリロードをサポートします。

関数型コンポーネントとしてコンパイルする必要があるテンプレートを示すには、テンプレートブロックに functional 属性を追加します。これにより、<script> ブロックの functional オプションを省略することもできます。

テンプレート内の式は、関数型の描画コンテキストで評価されます。これは、プロパティはテンプレートで props.xxx としてアクセスする必要があるということを意味します:

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