jquery - 如何在 Nuxt.js 中使用 JQuery

Question

我想在我的组件中的函数计算()中使用 JQuery:

computed: {
    bgStyle() {
        var $bg_wr = $('.bg-wr'),
    }
}

为此，在 nuxt.config.js 中，我尝试连接 JQuery:

head: {
   script: [
      { src: 'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js' },
    ]
}

但它不起作用。我收到错误“$ 未定义”。
我做错了什么？

Answer 1

如上所述，您不应该将 jQuery 与 Vue/Nuxt 一起使用，因为它违背了拥有声明式框架与使用命令式库 (jQuery) 的全部目的。
没有 jQuery，生态系统甚至更大，而且维护性/灵活性更高。
如果您 真的想使用 jQuery，你可能会遵循这样的教程:https://kaloraat.com/articles/how-to-use-jquery-in-nuxtjs
然后，使用你的函数变成 method ，但我建议不要这样做。