using aos with vuejs code example

Example 1: aos initial configuration vue

//Initialize AOS and pass the options needed in src/main.js

import AOS from "aos";
import "aos/dist/aos.css";

new Vue({
  created() {
    AOS.init({ disable: "phone" });
  },
  router,
  render: h => h(App)
}).$mount("#app");

Example 2: aos animation vue

npm i -g @vue/cli
vue create vue-demo
cd vue-demo

//Add AOS animations to the project
npm i aos@next

Tags:

Html Example

Related