nuxtjs引入jquery

2020-12-01 16:25:32

参考地址 nuxt引入jQuery库

nuxtjs如何添加 Webpack 插件？

方法一

       安装 jquery 包

npm install --save jquery


配置 nuxt.config.js

    const webpack = require('webpack')

module.exports = {    build: {        plugins: [            new webpack.ProvidePlugin({                '$' : 'jquery'             })        ]    },    plugins: [] }


组件中使用

mounted () {

    $("body").append("1");}


方法二：直接在 nuxt.config.js 中引入 jquery.min.js文件

head: {

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

或者也可以在子组件内部引入。


  • 精彩推荐

  • 2019-10-25 15:18:18

    Vue.use Vue.prototype区别

    1、不是为了vue写的插件(插件内要处理)不支持Vue.use()加载方式 2、非vue官方库不支持new Vue()方式 3、每一个vue组件都是Vue的实例，所以组件内this可以拿到Vue.prototype上添加的属性和方法。

  • 2019-10-25 23:33:45

    php制作漂亮的随机颜色标签云效果

    代码中的array里面的字符串就是各种随机色的编码，大家可以根据自己的需求来配置颜色。 然后input1里面是字体大小的随机代码，也可以自行修改。

  • 2019-10-27 00:23:42

    mac卡住，强制关闭应用

    要正常退出（关闭）Mac 应用，请从菜单栏的应用菜单中选取“退出”，或按下 Command (⌘)-Q。如果应用不退出，请按照以下步骤强制该应用退出。

  • 2019-10-27 11:02:10

    mac不要输入sudo，免密设置

    mac有时候使用终端进行操作，会让输入sudo 并且要输入命令，这要很啰嗦，浪费时间，我们得想办法去掉。

  • 2019-10-27 11:08:11

    Mac系统移到废纸篓的快捷键是什么

    用Windows键盘上的delete键和del键都不能删除文件，那么在Mac系统移到废纸篓的快捷键是什么？答：在移到废纸篓的快捷键组合就是Command + delete，可以将文件删除到废纸篓。清空废纸篓的快捷键是 Command + shift + delete​。