fullpage

The official vue-fullpage.js component for Vue.js

<template>
  <div>
    <full-page>
      <div class="section">
        <button @click="$refs.fullpage.api.moveSectionDown()">
            Next
        </button>
        Section 1
      </div>
      <div class="section">
        <button @click="$refs.fullpage.api.moveSectionUp()">
            Prev
        </button>
        Section 2
      </div>
    </full-page>
  </div>
</template>
import Vue from 'vue'
import VueFullPage from 'vue-fullpage'

Vue.use(VueFullPage);

new Vue({
  el: '#app',
  render: h => h(App)
});

Slide 2.2

Slide 2.2

Slide 2.2

Section 3