【Vue.js】双方向バインディングって何?

Introduction

こんにちは、JJ(@JJ_1123_I)です!
Vue.jsを学ぶ中で双方向バインディングを理解するのが難しかったのでメモです。

双方向バインディングとは?

Vue.jsではコンポーネントという単位で機能実装を分ける事が出来ます。
そのコンポーネント間のデータ連携(親⇆子供⇆…)を双方向バインディングといいます。

受け渡し方法

親子間でのデータの受け渡しは以下で実施可能です。
・親→子:props
・子→親:emit

親→子

親で送る値を定義して、 子で受け取る。

子→親

子コンポーネントで着火させて こんな感じで書くとイベントを親に飛ばせる。

まとめ

うーん、まだ理解度がかなり浅め。。。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です