方法一:安装 jquery 包
1、npm install --save jquery
2、配置 nuxt.config.js
const webpack = require('webpack')
module.exports = {
build: {
plugins: [
new webpack.ProvidePlugin({
'$' : 'jquery'
})
]
},
plugins: []
}
3、组件中使用
mounted () {
$("body").append("xxx");
}
方法二:直接在 nuxt.config.js 中引入 jquery.min.js文件
head: {
script: [
{ src: 'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js' }
]
}
方法三
1、下载jquery.min.js并放在plugins目录下
https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js
2、nuxt.config.js配置
plugins: [
{ src: '~/plugins/jquery.min.js' }
],
然后报错了!!!∑(゚Д゚ノ)ノ
Error:jQuery requires a window with a document
3、尝试解决
方案一:安装jsdom
npm install jsdom
未解决,尝试方案二。
方案二:nuxt.config.js配置
head: {
script: [
{ src: '/js/jquery.min.js' }
]
},
成功( ̄▽ ̄)/