nuxt如何来引入jQuery库

2019-06-08 分类：Javascript 作者：huanggr 阅读（5970）

安装命令

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");
}

1
2
3
4
5

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

「梦想一旦被付诸行动，就会变得神圣，如果觉得我的文章对您有用，请帮助本站成长」

赞(24) 打赏

标签：

Javascript教程 nuxt.js

国瑞个人博客: https://www.huanggr.cn/，我们关注Web前端开发技术，web前端开发,移动前端开发，前端资讯，同时分享前端资源和工具等，期待你的参与,了解更多..

博主独立研发主题：

前端技术博客

国瑞个人博客（11个月前 (11-20)）
没咋研究，emmm
评：web前端绘制八卦图_超简单教程
y（1年前 (2020-10-19)）
这个是太极阴阳鱼，不是八卦图。
评：web前端绘制八卦图_超简单教程
后会有期（1年前 (2020-08-14)）
文章不错
评：宝塔系统面板无法正常显示
国瑞个人博客（2年前 (2020-03-31)）
我采用该方法解决了才发布的教程
评：iview-admin点击路由报错vue-router.esm.js?8c4f:2007 Uncaught (in promise) NavigationDuplicated {_name: "Navi
国瑞个人博客（2年前 (2020-03-25)）
网站被攻击了，有些源码文件损坏了
评：前端搜索框下方保留搜索记录
12（2年前 (2020-03-11)）
为什么我的foreach会报错 Error in v-on handler: "TypeE...
评：iview中多选框单选实现方法

点击取消