vue.js和jquery有没有冲突

这篇文章主要介绍了vue.js和jquery有没有冲突的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇vue.js和jquery有没有冲突文章都会有所收获，下面我们一起来看看吧。 JQuery和VueJS合理使用并不会造成冲突，因为它们的侧重点不同，VueJS侧重数据绑定和视图组件，而JQuery侧重异步请求和动画效果。vue项目中使用jquery的方法：1、利用npm工具安装jquery；2、配置“webpack.base.conf.js”文件；3、避开eslint检查；4、重新启动项目，使用jquery即可。本教程操作环境：windows7系统、vue3&&jquery3.6.1版，DELL G3电脑。JQuery和VueJS合理使用免费云主机、域名并不会造成冲突，因为它们的侧重点不同，VueJS侧重数据绑定和视图组件，而JQuery侧重异步请求和动画效果。
且有时候只要想到要用的 vue.js 的时候就会惯性的想起用vue-cli手脚架搭建一个项目，但是有时候的业务场景并不适合用vue-cli手脚架，这个时候使用vue+jquery混合使用，把他们的优点结合起来使用会大大提升开发效率。vue项目使用jquery的方法1、安装jquery进入项目根目录下运行：npm install jquery --save项目的package.json会自动添加依赖信息2、两种使用方式2.1 组件中直接使用我们想在哪个组件中使用jQuery库，首先要使用如下命令引入jquery，然后就可以正常使用了比如，我们要在 App.vue组件中使用jQuery，实例代码如下：2.2 使用全局变量若每一个组件中都可以使用jquery，必须在每个组件中写：import $ from ‘jquery’;比较麻烦，所以使用全局变量1）webpack.base.conf.js文件中引入在项目中找到webpack.base.conf.js文件，在开头使用以下代码引入webpack，因为该文件默认没有引用。截图，如下所示2）在同文件：webpack.base.conf.js中，找到module.exports中添加一段代码截图中，省略了部分代码3）避开eslint 检查修改根目录下.eslintrc.js 文件的env 节点，为env添加一个键值对 jquery: true 就可以了截图如下4）重新启动项目 npm run dev，可直接使用$不需要再import 引用 jQuery 了，可以 直接使用$了console.log($('选择器')) ，你会发现成功使用jQuery获取到了DOM或者按下面的，能看到jq是一个函数关于“vue.js和jquery有没有冲突”这篇文章的内容就介绍到这里，感谢各位的阅读！相信大家对“vue.js和jquery有没有冲突”知识都有一定的了解，大家如果还想学习更多知识，欢迎关注云技术行业资讯频道。

相关推荐: es6数组如何删除最后一个元素

本文小编为大家详细介绍“es6数组如何删除最后一个元素”，内容详细，步骤清晰，细节处理妥当，希望这篇“es6数组如何删除最后一个元素”文章能帮助大家解决疑惑，下面跟着小编的思路慢慢深入，一起来学习新知识吧。 4种删除方法：1、利用length属性删除最后一个数…