0どーも、ぐるたか@guru_takaです。Vueのpropsとemitを完全に理解すべく、簡単なサンプルを作ってみました。イメージはこんな感じ!親から子にmsgを渡して、表示。子のボタンをクリックすると、親要素がカウントアップされる仕様になってます。簡単にまとめていきます!スポンサードリンク目次ソースpropsについてemitについて参考リンクソースまずはsrcフォルダ構成とソースの紹介です。子コンポーネントのボタンがクリックされると、数字が+1されるpropsについてpropsを簡単にまとめると、親から子にパラメーターを渡せるようになります。},で、パラメーターの受け皿を用意。World"のように、データを渡せばOKです!今回は基本的な型をStringと指定しただけですが、他にも色々あります。公式こんな感じで、デフォルト設定(default)や型必須(required)もできます。用途に合わせて、お使いください!emitについてemitを簡単にまとめると、親が子のイベントを監視したり、子のデータを使ったりできます。},...そして親側で重要な部分は、以下のようになります。},...こんな流れで処理されます。});みたいに、emitの第2引数に値を入れましょう!複数の値を渡したい場合は、オブジェクト型にして、複数の情報を入れること。第3引数に渡しても動かないので注意して下さい!続いて、親側で子コンポーネントのデータを使う際は、以下のように第1引数が入ること前提でメソッドを定義しましょう。},後は子コンポーネントのデータを好きなようにすればOKです。【初学者向け】Vueの学習で役立ったチュートリアルや参考リンク...次の記事Progate(プロゲート)とドットインストールは使い分けると...ぐるたか0→1を作る人に憧れ、2018.10からプログラミングを学び、今はとある会社で、webサービスを開発中!プライベートでは、ARアプリやwebサービス、拡張機能など色々と個人開発してます。