如何在VUE中引入jQuery？

人生的起源 2020-12-20

源自：项目：Vue搭建课程首页 4-1 课程总结

收起

3回答

好帮手慕星星回答被采纳获得+3积分 2020-12-23 10:44:16

同学你好，问题解答如下：

1、--save-dev是将插件安装在package.json文件的devDependencies对象中

一般为开发时依赖的插件，打包项目不计算在内，也就是打包项目后不能使用devDependencies对象中的插件了2

2、--save是将插件安装在package.json文件的dependencies对象中

打包是项目后会计算在内，可以正常使用dependencies对象中的插件，也就是项目离不开的插件。

同学说想要在项目中使用jQuery，最好使用--save安装，不需要再写--save-dev

这样项目打包之后也能使用插件。

3、全局安装-g 是在自己电脑中安装插件，项目如果给其他人运行，还需要再次安装该插件，所以项目中的插件一般不推荐全局安装。

祝学习愉快！

收起回答

好帮手慕星星 2020-12-21 15:57:18

同学你好，问题解答如下：

1、通过命令安装的是最新版jQuery，如果想要安装自己想要的版本，jQuery后面可以跟版本号，例如

2、如果想要全局使用，建议安装命令中使用--save ，这样打包之后也是正常的，不仅仅是在开发阶段使用jQuery。

安装之后打开build下的webpack.base.conf.js文件

开头引入webpack

然后在exports中进行配置

 plugins: [
    new webpack.ProvidePlugin({
      $: "jquery",
      jQuery: "jquery",
      jquery: "jquery",
      "window.jQuery": "jquery"
    })
  ]

然后main.js入口文件中引入jQuery

所有文件中都可以使用了。

3、不只是在mounted函数中使用，自定义方法中也可以，能够正常使用就好。

祝学习愉快！

收起回答

提问者人生的起源 #1

如果想要全局使用，建议安装命令中使用--save ，这样打包之后也是正常的
这句话什么意思？就是只要输入--save，不用输入--save-dev也可以是吗？

这两者有什么区别？

2020-12-22 21:25:06
提问者人生的起源 #2

还有，全局安装使用-g命令行不行？可以的话该怎么做？

2020-12-22 22:03:47

好帮手慕星星 2020-12-20 18:00:33

同学你好，和其他插件一样安装，然后导入使用即可。例如

安装：使用npm或者cnpm都可以

需要使用的时候导入

正常获取元素使用

祝学习愉快！

收起回答

提问者人生的起源 #1

单个页面已经测试成功，还有几个问题请教下老师：

1、这样安装的jquery是什么版本？怎么安装自己想要的版本？

2、如果我想全局使用jquery需要到哪些页面进行设置？要怎么设置？

3、导入jquery以后，只能在mounted函数里面使用吗？

2020-12-20 23:31:21