什么时候在 Vue.js 中使用函数式组件？

Question

我刚刚阅读了 Vue.js 2 中的功能组件。(Documentation)

函数组件的主要好处似乎是性能提升：

由于功能组件只是功能，因此它们要便宜得多 进行渲染。

似乎要从功能组件发出events，必须手动添加事件侦听器。但是props 是完全可以访问的。

什么时候使用函数式组件而不是类组件时有什么好的经验法则？当我通常实现无状态组件时，我应该更喜欢使用功能组件吗？或者 Vue.js 中的功能组件还有其他限制吗？

Answer 1

前几天我在想这个。 ..

功能组件还有一些额外的注意事项（例如，传递类需要自定义处理How to apply classes to Vue.js Functional Component from parent component?）

我使用的经验法则是，当您使用该组件的许多实例时，该组件（因此您可以获得切实的性能优势）并且最好在交互方面不要太复杂（因为您损失最多Vue 魔法）