Когда использовать функциональные компоненты в Vue.js?

Question

Я только что прочитал о функциональных компонентах в Vue.js 2. ( Документация )

Основными преимуществами функциональных компонентов, похоже, является повышение производительности:

Поскольку функциональные компоненты - это просто функции, их рендеринг значительно дешевле.

Похоже, что для излучения events из функциональных компонентов прослушиватель событий должен быть добавлен вручную. Однако props полностью доступны.

Какое хорошее правило, когда следует использовать функциональный компонент вместо компонента класса? Стоит ли мне использовать функциональные компоненты, когда я вообще реализую компонент без состояния? Или есть какие-то другие ограничения для функционального компонента в Vue.js?

Answer 1

Я просто думал об этом на днях. ..

Есть несколько дополнительных предостережений для функциональных компонентов (например, для передачи классов требуется настраиваемая обработка Как применять классы к функциональному компоненту Vue.js из родительского компонента? )

Эмпирическое правило, которое я бы использовал, - это когда компонент используется, когда вы используете много экземпляров компонента (так что вы получаете ощутимое преимущество в производительности), и, предпочтительно, он не слишком сложен с точки зрения взаимодействия (так как вы теряете большую часть магии Vue)