Home Examples Charts Dashboard Projects Menu

Vue.js examples
Learn Vue.js

vue tiny pagination

Related course:
Fullstack Vue: The Complete Guide to Vue.js

A Vue component for create a tiny pagination. This lets you add a pagination to your vue app. This pagination can be used for paginate tables, data lists, etc.

The component is named vue-tiny-pagination

This lets you create a pagination menu that you may know from web search:


$ npm i -S vue-tiny-pagination
<div id="#app">

You can import the component and define this in specific section:

import {TinyPagination} from 'vue-tiny-pagination'

new Vue({
el: '#app',
data() {
return {
currentTotal: 100,
currentPage: 1
methods: {
changePage (pagination) {
this.currentPage = pagination.page
components: {

or define the component on Global application
import TinyPagination from 'vue-tiny-pagination'

For use in browser can you use Unpkg:



# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

What’s Included

  • npm run dev: Webpack + vue-loader with proper config for source maps & hot-reload.
  • npm run build: build with HTML/CSS/JS minification.

Github: http://github.com/coderdiaz/vue-tiny-pagination#readme

© vuejsexamples.net - Privacy Policy - Cookie Policy