itoka_pi https://blog.hatena.ne.jp/itoka_pi/ 開発、いろいろ https://itoka.hatenadiary.com/ Vue.js / Nuxt.js 今更感が溢れる内容ではありますが、最近初めて .sync修飾子 を使ってみて、コンポーネント/page がすっきりしたので、まとめてみます。 検証環境 nuxt: 2.15.3 @nuxtjs/composition-api: 0.22.3 @nuxt/typescript-build: 2.1.0 element-ui: 2.15.1 .sync修飾子とは jp.vuejs.org 親pageや親コンポーネントで用意した状態を、子からイベント経由で更新したい場合に簡単に実装ができるシンタックスシュガーです。 そもそも子から親の状態は直接更新できない プロパティ — Vue.js 単方向のデー… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fitoka.hatenadiary.com%2Fentry%2F2021%2F05%2F06%2F005644" title="【Vue.js / Nuxt.js】 .sync修飾子で状態の更新を簡単に行う - 開発、いろいろ" 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 2021-05-06 00:56:44 rich https://itoka.hatenadiary.com/entry/2021/05/06/005644 1.0 100%