vue 3 main.js 添加aos库问题

【问题标题】：vue 3 main.js add aos library problemsvue 3 main.js 添加aos库问题
【发布时间】：2021-07-22 13:07:45
【问题描述】：

大家好，我在 Vue 3 项目中使用 Aos 库

import App from './App.vue'
import AOS from 'aos'
import 'aos/dist/aos.css'
import { createApp } from "vue";


const app = createApp({
    render: (h) => h(App),
    created(){
        AOS.init()
    }
});
app.mount('#app')

并添加

<div data-aos="fade-up">#MY codes block<div>

但项目不工作有什么问题？谢谢..

【问题讨论】：

标签： vue.js vuejs3

【解决方案1】：

你应该试试这个：

import App from './App.vue'
import AOS from 'aos'
import 'aos/dist/aos.css'
import { createApp } from "vue";


export const app = createApp(App)
app.AOS = new AOS.init({ disable: "phone" });

app.use(AOS).mount('#app')

【讨论】：

虽然此代码可能会解决问题，including an explanation 关于如何以及为什么解决问题将真正有助于提高您的帖子质量，并可能导致更多的赞成票。请记住，您正在为将来的读者回答问题，而不仅仅是现在提出问题的人。请edit您的回答添加解释并说明适用的限制和假设。