# 函数式组件
在一个 *.vue
文件中以单文件形式定义的函数式组件,现在对于模板编译、scoped CSS 和热重载也有了良好的支持。
要声明一个应该编译为函数式组件的模板,请将 functional
特性添加到模板块中。这样做以后就可以省略 <script>
块中的 functional
选项。
模板中的表达式会在函数式渲染上下文中求值。这意味着在模板中,prop 需要以 props.xxx
的形式访问:
<template functional>
<div>{{ props.foo }}</div>
</template>
你可以在 parent
上访问 Vue.prototype
全局定义的属性:
<template functional>
<div>{{ parent.$someProperty }}</div>
</template>