vue组件引用js插件

引入jQuery
通过npm安装依赖引入
1、安装
```
npm install jquery -S
```1234

2、修改webpack配置文件
build/webpack.base.conf.js
...var webpack = require("webpack") // 1. 确保引入 webpack,后面会用到

module.exports = { ...
resolve: {
extensions: [.js, .vue, .json],
modules: [
resolve(src),
resolve(node_modules)
],
alias: { vue$: vue/dist/vue.common.js, src: resolve(src), assets: resolve(src/assets), components: resolve(src/components),
// 2. 定义别名和插件位置 jquery: jquery
}
},
plugins: [
// 3. 配置全局使用 jquery
new webpack.ProvidePlugin({
$: "jquery",
jQuery: "jquery",
jquery: "jquery", "window.jQuery": "jquery"
})
]
}123456789101112131415161718192021222324252627282930

手动载入
手动下载jquery 放在static 目录下,如:static/js/jquery.min.js
和npm不同的只是在第二步定义别名和插件位置:
alias: { vue$: vue/dist/vue.common.js, src: resolve(src), assets: resolve(src/assets), components: resolve(src/components), // 2. 定义别名和插件位置
"jquery": path.resolve(__dirname, ../static/js/jquery.min.js)
}12345678

引入jquery第三方插件
可以通过npm安装的插件
这种引入第三方插件的方法和上一节种引入echarts的方法是一样的
手动引入
喜欢阅读
  • 醉梦倚看山前雪

    醉梦倚看山前雪

    一朝身死,将门女重生成农家妇。替嫁为野人妻,刘晓冬唯有韬光养晦。夺亲之仇,灭门之恨,她会让他们一一还来!

  • 上辈子,我们是夫妻?

    上辈子,我们是夫妻?

    今生,她是个小偷,第一次发善心便送了小命儿,穿越回了古代,一切从头来过。今生,他们是仇人,回到前一世,他变成有钱的大叔,她却成为他家的丫鬟。什么?可恶大叔要娶她做续弦?还让她一个二八黄花大闺女给一堆孩子当后娘?我呸!哪有这么便宜的事儿?除非……

  • 天若有情∶夕阳离歌

    天若有情∶夕阳离歌

    我一生渴望被人收藏好,妥善安放,细心保存。免我惊,免我苦,免我四下流离,免我无枝可依。而那人我已寻到,就是我挚爱的你。这个故事是从一个平凡而又普通的少年身上拉开帷幕,一直持续,没有结局。

  • 情陷冷情小男人:亲爱的,我要嫁给你

    情陷冷情小男人:亲爱的,我要嫁给你

    他一出生,就被她蛮横而霸道地宣为已有,并在他的额头上深深地映上一吻,说是打上了她林晨仪的印迹!他十五岁,不顾一切地冒雨跑到她的窗前,深情地对她说:“晨仪!等我十年!十年后我来娶你!”他再次出现在她的面前,却带着复仇的目的冷漠地接近她,将她狠狠伤害的同时,也将自己的心伤害得遍体鳞伤!谁也不知道,他们的爱情到底该走到何方?是走向绝境?还是爱情的新生?

  • 天骄战神

    天骄战神

    和老婆大婚之夜不知所踪,三年后,王者归来,他必要手刃敌人,夺回当初的一切。

  • 神龙天骄

    神龙天骄

    三年前我遭人迫害,被迫抛下心爱之人,远走他乡。三年后我卷土重来,这一次,我有了守护你到地老天荒的力量!

  • 我的绝美总裁老婆

    我的绝美总裁老婆

    被人捡尸,成为了美女总裁的老公。好吧,我选择接受…

  • 种田之山神养成计划

    种田之山神养成计划

    农业大学毕业的曾晓,毕业之后因财产分割问题回到小山村,随身带空间,承包碾子山,闲来斗斗继母,没事耍耍恶人,农家生活乐无边!

  • 猜你喜欢
  • vue.js组件嵌套
  • vue.js自定义组件
  • vue.js组件使用
  • vue 组件引入js
  • vue.js分页组件
  • vue.js表格组件
  • vue组件
  • vue父子组件传值
  • vue.js 组件
  • 热门推荐
  • what similarities
  • 60 30缸
  • degree congregation
  • 飞傲x3mark3和索尼
  • 顺丰财务报表分析ppt
  • 茶具什么牌子比较好
  • python ide是什么
  • 瑞娜斯防尘吸水地垫
  • refermakevouch.ocx
  • 旅行社取消行程赔偿
  • np纯肉 完结小说
  • http s5618f.com
  • matlab 绘图 rgb
  • 变态美女脱脱小游戏
  • 美图坊sjrymtf毛衣少女
  • adidas鞋标的字体鉴定
  • 开办会计培训班
  • 黄皮肤女生该染发颜色
  • i trulyfeel
  • 发条橙子电影在线观看
  • All Right Reserved 强大网