くんすとの備忘録

プログラミングや環境設定の覚え書き。

Vue.js

【Vue.js】コンポーネント間でデータを連携する方法

Vue.jsでコンポーネント間でデータを連携する方法について、理解するのに若干時間がかかったのでまとめておきます。 連携は、公式サイトで「props down, events up」と呼ばれている方式を使います。 (https://jp.vuejs.org/v2/guide/components.html より引…

Vue.jsでリストの一部をレンダリングする

v-for="item in items"でアイテムのリストを描画する際、itemsをsliceしてやることでリストの一部だけを描画することができるようです。 ※やってみたらできた;) サンプルコード <html><body> <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.2.4/vue.min.js"></script> <div id="sample"> <h4>List1</h4> <ul> <li v-for="item in items.slice(0,2)"> item = {{item}} </li> </ul></div></body></html>

広告