tusbasaのブログ

業務や勉強中に調べたことを自分用にメモするブログ

【Nuxt.js】provide, inject

provide 親コンポーネントで渡したいデータを指定
inject 子コンポーネントで受け取りたいデータを指定

コンポーネントに直接データを渡すことはできるが兄弟コンポーネントには直接渡すことはできない。

// TypeScriptで型を指定して渡す方法
// "fuag"というkeyでhogeという値を渡している
provide<string | number>("fuag", hoge)

参考

qiita.com