nuxt如何來引入jQuery庫


原文:https://www.huanggr.cn/1754.html

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' }
    ]
}


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM