Шаблоны для функциональных компонентов

Добавлено в версии 13.1.0, требует версии Vue 2.5.0+

C vue-loader 13.3.0+, функциональные компоненты определяются как однофайловые компоненты в *.vue файле с поддержкой компиляции шаблона, локальным CSS и поддержкой горячей перезагрузки.

Чтобы обозначить шаблон, который должен быть скомпилирован как функциональный компонент, добавьте атрибут functional в тег шаблона. Это также позволяет опустить опцию functional в теге <script>.

Выражения в шаблоне исполняются в контексте функционального рендеринга. Это означает, что обращаться к входным параметрам в шаблоне следует через props.xxx:

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