函数式组件的模板

新增于 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