BLACK FRIDAY - Get 35% off your Mastering Nuxt license!

NUXTJS

Routing

Data Fetching

Asset Management

Transitions

SEO

Loading

Miscellaneous

Middleware

Plugins

Modules

Nuxt transitions

In this example:

  • pages/index.vue and pages/fade.vue use the default page transiton.
  • pages/bounce.vue uses the transition property with a bounce transition
  • pages/slide.vue uses the transition property with a slide-bottom transition.
  • layout/default.vue contains the classes for all transitions.

Learn more in the Features book in the Transitions chapter.

Loading CodeSandbox...
   

Contributors