虽然说jquery从某些角度说已经过时了,对他的情结还是在的,在vue中用用jquery也不是不可以的,但是要怎么引入呢,总不能直接<script src='jquery.js'></script>吧。当然这也是一种办法,只不过优点过于简单粗暴,而且eslint也会检查报错

首先要  npm install jquery --save

(1)最简单的办法就是在哪个组件用就在那里直接import $ from 'jquery';

        这样做比较麻烦,像swiper,echarts等插件可以这样使用,因为一个应用中可能只有一个组件用到这个插件,jquery就不同          了,各个地方都可能用到它

(2)第二种方法是修改webpack文件,本人对webpack不是特别熟悉,这种方法承蒙网上各位大佬的分享

      在脚手架生成的文件夹中找到build文件夹,打开其中的webpack.base.config.js

在文件头添加 const webpack=require('webpack');引入webpack

找到alias属性,添加 ‘name’:'jquery'键值对,这里是给jquery模块起一个别名

        

然后在module.exports对象中添加一个属性

这个属性与resolves并列,添加完成后就能重新启动脚手架就能在各个组件中使用$ 和jQuery函数了,不需要import也能使用






Logo

前往低代码交流专区

更多推荐