Functional Component in Vue.js
v-kansai Vue.js/Nuxt.js meetup #8
chan_kakuz
@chan_kakuz
Work
フリュー株式会社
サーバサイドエンジニア時々フロントエンジニア
Who
Today's Topic is...
Functional Component
What is Functional Component??🤔🤔
状態を持たず、
インスタンスを持たない
ただの関数
状態を持たないとは??
リアクティブなデータがないことを指す
Coreのバージョンが2.3.0以前の場合、
プロパティを受け入れる時は必須
propsについて
ただし2.3.0以降では省略可
SFCを利用している場合、以下のようにFunctional Componentを宣言することが
できる
2.5.0以降の場合
メリット
と
デメリット
メリット
Improve your app performance
Sample Movie
デメリット
Different from the usual notation
Not Functional
Functional
When to use??
リアクティブなデータを
利用しないとき
In My Opinion
チームに初心者が多いうちは使わない方が良い
Conclusion
使い所は
考慮しなければいけないが、
Functional Componentを
利用することで
パフォーマンスの向上が
見込まれる
Finally
fin.
Reference
Functional Component in Vue.js
By chan_kakuz
