kurosame-th https://blog.hatena.ne.jp/kurosame-th/ kurosame’s diary https://kurosame-th.hatenadiary.com/ Nuxt.js Vuex Composition API Vue.js Provide / Inject TypeScript Vuex を使うのに慣れすぎて、Vuex を使わないパターンを考えた時に色々考えたのでメモ 方針 比較的規模が小さいシステムでは、Vuex の利用をまずは避けたい Nuxt.js を使用 Composition API を使用 コンポーネント間のデータ受け渡しパターン 親から子 普通に props 経由 子から親 $emitで親の関数を呼ぶ .sync修飾子と$emit.updateで親の状態を更新する 子から子 禁止 必ず親を経由する 親から親 たとえば、pages コンポーネントから pages コンポーネントにデータを渡したい時など EventBus で親子間以外のデータ受け渡しが行える… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fkurosame-th.hatenadiary.com%2Fentry%2F2020%2F12%2F01%2F175041" title="Nuxt.js で Vuex を使わない場合に考えること - kurosame’s diary" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2020-12-01 17:50:41 rich https://kurosame-th.hatenadiary.com/entry/2020/12/01/175041 1.0 100%