vue可以用jquery吗，vue可以代替jquery吗

怎样在Vue.js中使用jquery插件

把下面高亮部分添加到build/webpack.base.conf文件中。

：因为已经安装了vue脚手架，所以需要在webpack中全局引入jquery 打开package.json文件，在里面加入这行代码，jquery后面的是版本，根据你自己需求更改。

Vue.js列表渲染绑定jQuery插件的正确姿势 使用v-for绑定列表时，有时候需要绑定如select2之类的jQuery插件。需要在Vue根据数组内容生成dom元素之后，去找到该dom元素，然后 $().xxx绑定jQuery插件。

相关问答

Q1: vue怎么正确引入jquery

在Vue.js中使用jquery插件需要利用ProvidePlugin导入jquery全局库。在build/webpack.dev.conf.js和build/webpack.prod.conf.js中配置即可。

通常webpack已经引入了完整的jquery版本，但还是建议再一次引入一下。您可以看到Vue的webpack模板已经添加到组件的文件夹中。我通常会添加很多其他文件夹像自定义指令，mixin等等。在这个例子中，我们只添加了自定义指令。

vue-cli webpack全局引入jquery (1) 首先 npm install jquery --save (--save 的意思是将模块安装到项目目录下，并在package文件的dependencies节点写入依赖。

然后使用原生的方法进行查询。另外，Vue也提供了一些内置的DOM操作方法，如$el.querySeletor和$el.querySelectorAll来查询子元素。总之，可以根据具体情况选择合适的方法来实现类似于jQuery的find方法。

Vue.js列表渲染绑定jQuery插件的正确姿势 使用v-for绑定列表时，有时候需要绑定如select2之类的jQuery插件。需要在Vue根据数组内容生成dom元素之后，去找到该dom元素，然后 $().xxx绑定jQuery插件。

比如基于jquery的select2插件，在vue下单独用有很多问题，其实对于这类插件，可以用vue的自定义指令和组件来包装，解决冲突的问题。引用官方vue0和0的两个例子，学习一下。例子0 例子0 大功告成。

Q2: 如何在vue中引入第三方jquery,swiper等库

1、：因为已经安装了vue脚手架，所以需要在webpack中全局引入jquery 打开package.json文件，在里面加入这行代码，jquery后面的是版本，根据你自己需求更改。

2、使用 vue-awesome-swiper 插件： vue-awesome-swiper 是一个基于 Swiper 的 Vue 组件，可以很方便地在 Vue 中使用 swiper。手动挂载 swiper：a. 引入 swiper 的 css 和 js 文件。

3、ok，ok。我们接下来，就要把我们自己的方法定义到vue上去使用。我首先把js放到了项目文件夹中，然后在main.js中引入。调用起来是完全没有问题的。

Q3: vuejs和jquery可以混着用吗

Vue 的官方是不建议直接操作 DOM 的，Vue 的用途在于视图和数据的绑定。

使用了vue还使用angular就是没必要，两个本身就比较类似的框架，angularjs加vuejs是不行的。可以angularjs加自带的jqLite就可以够用的了。或者vuejs加自带的jqLite。再者说vue和angular都是框架，而jquery只是一个工具。

你的代码没问题，而且jQ就是js，肯定能互用。你都说了第一次不成功，第二次成功，如果代码错了第二次也成功不了啊，呵呵。检查一下别的地方了。

关于vue可以用jquery吗和vue可以代替jquery吗的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。