v-aos

Vue plugin for AOS (animate on scroll library)

Using

$3

``bash
npm i v-aos --save
`

$3

`js
import Vue from 'vue'
import VAos from 'v-aos'

Vue.use(VAos);
`

With AOS init settings :

`js
Vue.use(VAos, {
startEvent: 'DOMContentLoaded',
duration: 400,
delay: 100
})
`

$3

`html

`

List of available animations

With flags:

`html

`

With parameters:

`html

`

List of available options

$3

plugins/v-aos.js:

`js
import Vue from 'vue'
import VAos from 'v-aos'

Vue.use(VAos);
`

nuxt.config.js:

`js
plugins: [
{ src: '~/plugins/v-aos', mode: 'client' },
]
`

$3

AOS object can be accessed through $aos property in components or through window.AOS

`js
export default {
mounted() {
this.$aos.refreshHard()
}
}
`

$3

`html



``

List of available events

License

MIT