osyo-manga https://blog.hatena.ne.jp/osyo-manga/ Secret Garden(Instrumental) https://secret-garden.hatenablog.com/ Vue.js フロントエンド JavaScript Vue で親が子コンポーネントに対して値を渡す場合、以下のように props を介して渡します。 index.html <!-- 子コンポーネント --> <script type="text/x-template", id="child"> <div> <input v-model="message"> <a>Child message is: {{ message }}</a> </div> </script> <div id="example"> <!-- 親 --> <input v-model="message"> <a>Parent message is: {{ message }… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fsecret-garden.hatenablog.com%2Fentry%2F2017%2F11%2F24%2F114916" title="Vue で親の値が変わったら子コンポーネントも更新する - Secret Garden(Instrumental)" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://i.gyazo.com/64af4910e4677ebea448e3e8b1044d72.png Hatena Blog https://hatena.blog 2017-11-24 11:49:16 rich https://secret-garden.hatenablog.com/entry/2017/11/24/114916 1.0 100%