ついにβ版となったVue 3.5の魅力的な新機能をまとめてみた

Vue 3.5 β版のリリースが始まっています！本記事では3.5で追加された新機能などを一足早く動作させてみましたので、個人的に楽しみにしている機能をまとめてみました。 composable useTemplateRef テンプレート参照をcomposableとして便利に利用できる関数です。 Vue 3.5より前は以下の様に変数を定義してテンプレート参照を行っていたため、下記のonMountedの処理をcomposableとしてまとめようとしてもテンプレート参照の変数（下記で言えばtemplateRef）自体を渡さなければならず、少し扱いづらいところがありました。 <script setup> import { ref, onMounted } from 'vue' const templateRef = ref() onMounted(() => { templateRef.value.

[shingo-sasaki-0529]

useTemplateRef すごいな。キーの渡し方が初見だと混乱しそうだけど、DOM操作の副作用を、要素取得まで含めてコンポーザブルにまとめられるの便利そう。