~関係を制覇しろ!~Vue親子関係(親子コンポーネント)テンプレートで他のコンポーネントを使用すると親子関係になる。propsとカスタムイベントを使用する。親コンポーネント→子コンポーネントデータバインディングで親のデータを子コンポーネントが使用できる。props:['val']})注意propsで受け取った値を子コンポーネント側から変更することはできない。変更した場合は、算出プロパティを使用して新たなデータとして定義する。子コンポーネント側から元のデータ自体に変更する場合は$emitを使用することができる。受け取りデータの指定propsでは受け取り型(Stringなど)の指定が推奨されており、指定の型以外の場合は警告をだす。デフォルト値や必須項目を定義できる。カスタムイベントと、インスタンスメソッドの$emitを使用する。->test-eventが発生したらmethodを呼び出す。子this.$emit('test-event')親が子コンポーネントのイベントを認識する1.v-onディレクティブ(@で省略可能)で子のイベントをハンドルする。2.$emitでトリガーする。非親子コンポーネント親子以外のコンポーネント間ではVueインスタンスをイベントバスとして使用する。複雑化した場合、Vuexの導入を検討した方が良い。//test-eventが発火した際の処理//thisはbus_testのインスタンス})子コンポーネントを参照する親が子のメソッドを使用したい場合に$refsを使用する。前澤さんのお年玉企画の考察しました。~3本の柱~SWOT分析とVRIO分析って何?PEST分析とは?起業に必要なもの月別アーカイブはてなブログをはじめよう!TaitoAjikiさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。