nuxt如何来引入jQuery库

6

nuxt如何来引入jQuery库 方法一:安装 jquery 包 安装命令 1npm install –save jquery 配置 nuxt.config.js 1234567…

nuxt如何来引入jQuery库

方法一:安装 jquery 包

安装命令

1
npm install --save jquery

配置 nuxt.config.js

1
2
3
4
5
6
7
8
9
10
11
const webpack = require('webpack')
module.exports = {
    build: {
        plugins: [
            new webpack.ProvidePlugin({
                '$' : 'jquery'
            })
        ]
    },
   plugins: []
}

组件中使用

1
2
3
mounted () {
    $("body").append("xxx");
}
方法二:直接在 nuxt.config.js 中引入 jquery.min.js文件
1
2
3
4
5
head: {
    script: [
        { src: 'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js' }
    ]
}

作者: huanggr

为您推荐

7

发表评论

电子邮件地址不会被公开。 必填项已用*标注

评论列表 3人参与

  1. 虽说用vue也可以实现jQuery一样的效果,但是写起来太复杂,jQuery就很方便,所以为了效率,就需要引入jQuery啦