nuxt引入第三方插件的方法 比如jQuery
来源:互联网 发布:aes算法步骤 编辑:程序博客网 时间:2024/05/19 15:18
第一种
npm install --save jquery
先下下来 webpack的 jquery
然后 nuxt.config.js
const webpack = require('webpack')module.exports = {build: { plugins: [ new webpack.ProvidePlugin({ '$': 'jquery' }) ]},plugins: []}
然后页面上
export default {mounted () { $("body").append("1");},
第二种
nuxt.config.js
module.exports = {head: { script: [ { src: 'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js' } ]},
当然 第二种 你可以直接写在 要引用的.vue页面
好问题来了,自己写的 插件 或者网上轮播图插件 怎么集成进去,我来教下吧,还是不懂就只能进群来问我了,如果我有在线的话
比如 我网上下了个 轮播图
你要把他放在 static的文件里面 因为 static是nuxt默认的存放类似不编译的 png图片 js的地方 ,放进去之后
你比如首页要引用,你就在首页加这么一段
export default {head: { script: [ { src: 'js/move.js' } ], link: [ { rel: 'stylesheet', href: 'css/zzsc.css' } ]},
恩,应该是可以了,
好,点不点赞看你了,或者 可以加入 我的 群153181864 前端交流群 ,绝对原创,转载请附上 本微博链接。
阅读全文
0 0
- nuxt引入第三方插件的方法 比如jQuery
- angular2_引入第三方文件之jQuery的引入
- Laravel引入第三方库的方法
- gwt 引入第三方插件
- VUE引入第三方插件
- 应用第三方的jQuery Tag插件
- Vue+Webpack引入Jquery第三方插件,jQuery is not defined 错误,解决方案
- Vue+Webpack引入Jquery第三方插件,jQuery is not defined 错误,解决方案
- webpack shimming modules 引入第三方插件
- Android引入第三方jar包的方法
- Android 引入第三方jar包的方法
- Android引入第三方jar包的方法
- Android引入第三方jar包的方法
- Android引入第三方jar包的方法
- Android引入第三方jar包的方法
- Android引入第三方jar包的方法
- Android引入第三方jar包的方法
- Android引入第三方jar包的方法
- 【笔记】RBF神经网络与BP神经网络
- AOP后置通知多线程查询不到session内的数据
- idea配置svn及配置需要注意的事项
- msf winxp
- tree
- nuxt引入第三方插件的方法 比如jQuery
- 定义数组型方法
- C++ String的一些用法和相关例子
- maven运行junit用例并生成报告
- SDWebImage 学习
- java web转发与重定向
- 加法运算
- Java中如何获取对象(引用)地址?
- 算法练习(22):Maximum Sum of 3 Non-Overlapping Subarrays