说明:在index.html直接用<script>标签引入,不会生效的,正确引入姿势如下:

1:打开package.json文件,手动在dependencies中加入如下代码;

用vue-cli构建的vue项目中如何全局引入jquery

2:运行cnpm install,这样就会引入版本为2.1.1的jquery作为依赖;

3:打开webpack.base.conf.js文件,对该文件进行两处修改,如下图:

用vue-cli构建的vue项目中如何全局引入jquery

用vue-cli构建的vue项目中如何全局引入jquery

4:在需要的页面(如index.vue)中添加:import $ from 'jquery',即正确引入jquery,可以在需要的地方使用jquery;

用vue-cli构建的vue项目中如何全局引入jquery

5:重新运行项目(npm run dev)即可;

相关文章:

  • 2021-12-26
  • 2021-12-26
  • 2021-10-20
  • 2021-11-03
  • 2021-06-04
  • 2021-10-29
  • 2021-10-23
猜你喜欢
  • 2021-10-15
  • 2021-08-07
  • 2021-08-08
  • 2022-01-22
  • 2021-10-22
  • 2021-07-10
相关资源
相似解决方案