原文: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' } ] } |