Vue functional component Advent Calendar 2019

1

27

144

Vueのfunctional component 限定のアドベントカレンダーです。

functional componentとは?
functional componentのメリット/デメリット
嬉しいポイント
実際に試してハマったポイント
パフォーマンス
現場感のある感想

皆さんの投稿をお待ちしております!

Category:

Libraries / Frameworks

Owner:

Calendar Sponsor PR

Sun	Mon	Tue	Wed	Thu	Fri	Sat
1 tomlla Vue functional component advent calendarを始めた背景 ~大量コンポーネント描画時のパフォーマンスを求めて~	2 tomlla functional componentのイベントハンドリングについて	3 tomlla functional componentとnormal componentのscoped css挙動の違いについて	4 tomlla functional componentでthisアクセスしたいとき	5 tomlla Functipnal componentでcomputed propertyを使いたい時 ver1	6 tomlla Functipnal componentでcomputed propertyを使いたい時 ver2(結果をキャッシュしてrendering process内で複数回使いたい時)	7 tomlla functional componentのroot Elementのattributeについて
8 tomlla `functional: true` と `<template functional>` に注意	9 tomlla Functional componentのパフォーマンス面【first rendering(mount render)に関して】	10 tomlla Functional componentのパフォーマンス面【rerender時に関して】	11 tomlla Destroy時間が長いNormal componentをFunctional component化して見た	12 tomlla Normal componentをfunctional化するときに methodsをどうやるか	13 tomlla functional component with Vuex	14 tomlla functional component で :key は使えるのか?
15 tomlla functional componentとvue dev toolについて	16 tomlla Vue 3 のComposition APIとfunctional component	17 tomlla Vueのtransitionはfunctional componentにも使えるのか？	18 tomlla MixinやPluginを使っているComponentをFunctional化する	19 tomlla Runtime Performance改善の為にfunctional template化するのは適切か?	20 tomlla <template> vs render function in functional component	21
22	23	24	25	26	27	28

12 / 1

Vue functional component advent calendarを始めた背景 ~大量コンポーネント描画時のパフォーマンスを求めて~

12 / 2

functional componentのイベントハンドリングについて

12 / 3

functional componentとnormal componentのscoped css挙動の違いについて

12 / 4

functional componentでthisアクセスしたいとき

12 / 5

Functipnal componentでcomputed propertyを使いたい時 ver1

12 / 6

Functipnal componentでcomputed propertyを使いたい時 ver2(結果をキャッシュしてrendering process内で複数回使いたい時)

12 / 7

functional componentのroot Elementのattributeについて

12 / 8

`functional: true` と `<template functional>` に注意

12 / 9

Functional componentのパフォーマンス面【first rendering(mount render)に関して】

12 / 10

Functional componentのパフォーマンス面【rerender時に関して】

12 / 11

Destroy時間が長いNormal componentをFunctional component化して見た

12 / 12

Normal componentをfunctional化するときに methodsをどうやるか

12 / 13

functional component with Vuex

12 / 14

functional component で :key は使えるのか?

12 / 15

functional componentとvue dev toolについて

12 / 16

Vue 3 のComposition APIとfunctional component

12 / 17

Vueのtransitionはfunctional componentにも使えるのか？

12 / 18

MixinやPluginを使っているComponentをFunctional化する

12 / 19

Runtime Performance改善の為にfunctional template化するのは適切か?

12 / 20

<template> vs render function in functional component