函数式组件的模板
新增于 13.1.0,需要 Vue 版本 >= 2.5.0
从 vue-loader >= 13.3.0
开始,在一个 *.vue
文件中以单文件形式定义的函数式组件,现在在模板编译、有作用域的 CSS 和热重载也有了良好的支持。
要声明一个应该编译为函数式组件的模板,请将 functional
特性添加到模板块中。这样做以后就可以省略 <script>
块中的 functional
选项。
模板中的表达式会在函数式渲染上下文中求值。这意味着在模板中,prop 需要以 props.xxx
的形式访问:
<template functional>
<div>{{ props.foo }}</div>
</template>