函数式组件

在一个 *.vue 文件中以单文件形式定义的函数式组件,现在对于模板编译、scoped CSS 和热重载也有了良好的支持。

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

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

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

你可以在 parent 上访问 Vue.prototype 全局定义的属性:

  1. <template functional>
  2. <div>{{ parent.$someProperty }}</div>
  3. </template>

原文: https://vue-loader.vuejs.org/zh/guide/functional.html