web前端开发博客
专注web前端发展
2019年06月08日 作者: 国瑞个人博客 664次浏览
安装命令
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' } ] } |
点击快速分享：
以上就是国瑞前端个人博客带来的是《nuxt如何来引入jQuery库》，感谢您的观看！
如果没有特殊的说明，本文即为国瑞前端博客原创(www.huanggr.cn)，欢迎读者转载并保留本站版权！https://www.huanggr.cn/1754.html
「专业前端博客，如果觉得我的文章对您有用，请帮助本站成长」
谢谢你请我吃鸡腿*^_^*
支付宝
微信
上一篇：简易版php文件上传_超详细详解
下一篇：博主参加专升本去了
相关文章：
前端中关于js经典排序讲解
js判断图片损坏替换掉掉默认图片 did you register the component correctly? For recursive components, make sure to provide the “name” option.
原生js实现拖动滑块验证_封装版 jquery中append添加元素无法设置点击事件解决方法
element-ui如何自定义表格颜色
JavaScript中replace()阻止返回与reload加载 慕课网_如何使用js判断使用者使用的是什么设备
慕课网_常用cnpm和npm操作命令手记
传智播客_js如何使用history跳转前进后退页面
传智播客_js检测是否安装Flash_源码下载_兼容写法 传智播客_js检索符合条件字符串_源码下载国瑞个人博客: https://www.huanggr.cn/，我们关注Web前端开发技术，web前端开发,移动前端开发，前端资讯，同时分享前端资源和工具等，期待你的参与,了解更多..
博主独立研发主题：
国瑞个人博客：[Vue warn]: Error in render: "TypeError: Canno...
评：live-server配合easy插件快速开发静态页面国瑞个人博客：哈哈，你也可以的
评：live-server配合easy插件快速开发静态页面
奋斗：哈哈,厉害
评：live-server配合easy插件快速开发静态页面
web：可以，百度一搜就搜到了这篇，写的挺好
评：elementUI如何禁用时间组件日期web：感觉博主推荐，postman的功能非常强大，用起来很方便
评：推荐一款接口测试小插件_postmanweb：Smile_Blog主题，一个非常不错的wordpress主题，，值得推荐
评：Smile_Blog主题简介
vue.js因为使用的是html5的hash来实现页面的切换，所以蜘蛛爬虫是怕去不了的
这个时候，就需要使用到nuxt.js来将页面渲染出蜘蛛爬虫可抓取的页面
虽说用vue也可以实现jQuery一样的效果，但是写起来太复杂，jQuery就很方便，所以为了效率，就需要引入jQuery啦