# 功能组件

在 *.vue 文件中定义为单文件组件的功能组件也接收适当的模板编译、作用域 CSS 和热重载支持。

要表示应编译为功能组件的模板，请在模板块中添加 functional 属性。这还允许省略 <script> 块中的 functional 选项。

模板中的表达式在 功能渲染上下文 中进行评估。这意味着道具需要在模板中作为 props.xxx 访问

<template functional>
  <div>{{ props.foo }}</div>
</template>

如果您需要访问在 Vue.prototype 上全局定义的属性，您可以在 parent 上访问它们

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