【Nuxt.js】pagination導入編：まずは大枠を理解しよう！ - Qiita

前置き ページネーションをやっていきます。 いくつかに分けて書いていきます。 今回は導入編として どんな形でつくるかの大枠を説明🍒 いつも通り 超簡潔に説明できれば良いので まずはこれだけ作りましょう🍀🧸 … は？これだけ？ … そうです👌笑 表示はこれだけですが、 導入としてこちらをやります。 ・ページ遷移のmethods ・現在いるページにclassを付与 Let's try🌟 Step1: dataを用意 基本はページ番号 = 配列番号を 増やしたり減らしたり、 該当番号にクラスをつけるだけですね。 なのでまずはdataを用意🧸 初期値はそれぞれ0です。 ・now = 現在のページ ・last = 残りのページ 一応ページコンテンツとして 数字の繰り返しだけいれておきましょう。 <template> <div class="page"> <ul> <li v-for="n