Provideではref()ではなくreactive()を使う理由
date
Mar 21, 2023
repo_url
slug
provide-use-reactive
status
Published
summary
type
Post
thumbnail_url
tags
vue
outer_link
リアクティブ変数を用意するにはref()とreactive()があるが、ref()を利用した場合、データにアクセスする際に
.value を利用する。同じコンポーネント内であれば問題ないが、Injectしたデータに対して
.value でアクセスしようとすると、TypeScriptで型エラーとなっていまう。それを避けるためにProvideにおいてはreactive()を使う。