函数式组件的模板

新增于 13.1.0，需要 Vue 版本 >= 2.5.0

从 vue-loader >= 13.3.0 开始，在一个 *.vue 文件中以单文件形式定义的函数式组件，现在在模板编译、有作用域的 CSS 和热重载也有了良好的支持。

要声明一个应该编译为函数式组件的模板，请将 functional 特性添加到模板块中。这样做以后就可以省略 <script> 块中的 functional 选项。

模板中的表达式会在函数式渲染上下文中求值。这意味着在模板中，prop 需要以 props.xxx 的形式访问：

  1. <template functional>
  2.   <div>{{ props.foo }}</div>
  3. </template>

原文: https://vue-loader-v14.vuejs.org/zh-cn/features/functional.html