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

CRANK

Vue 3.5 β版のリリースが始まっています！本記事では3.5で追加された新機能などを一足早く動作させてみましたので、個人的に楽しみにしている機能をまとめてみました。!掲題のとおり、β版の内容です。正確な情報は正式リリース後のアナウンスを確認してください。composableuseTemplateRefテンプレート参照をcomposableとして便利に利用できる関数です。Vue 3.5より前は以下の様に変数を定義してテンプレート参照を行っていたため、下記のonMountedの処理をcomposableとしてまとめようとしてもテンプレート参照の変数（下記で言えばtemplateRef）自体を渡さなければならず、少し扱いづらいところがありました。<script setup> import { ref, onMounted } from 'vue' const templateRef = ref() onMounted(() => { templateRef.value.innerText = 'hoge' }) </script> <template> <div ref="templateRef" /> </template> useTemplateRefを利用すれば先ほどのmount時にinnerTextを変更する処理をcomposable内で完結させることが出来ます。import { useTemplateRef, onMounted } from 'vue' export function useSampleTemplateRef(key) { const templateRef = useTempla…