nuxt添加aos动效

npm i aos

nuxt2

/plugins/aos.client.js

import AOS from 'aos';
import "aos/dist/aos.css";
export default () => {
    AOS.init()
}

/nuxt.config.js

module.exports = {
	// ...
	plugins: {
		// ...
		"~/plugins/aos.client.js"
	}
}

nuxt3

/plugins/aos.client.ts

import AOS from 'aos';
import "aos/dist/aos.css";
export default defineNuxtPlugin(nuxtApp => {
    AOS.init()
})

测试代码 data-aos=“fade-up” 添加到元素属性上

PS！！！

记得重新启动项目