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