vue.js引入jquery，vue中引入jquery

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

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

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

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

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

Q1: vuejs和jquery可以混着用吗

1、可以合理搭配着用。Vue 的官方是不建议直接操作 DOM 的，Vue 的用途在于视图和数据的绑定。如果通过JQuery 直接操作 DOM 的话，势必会造成视图数据和模型数据的不匹配，这样 Vue 就失去它存在的意义了。

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

3、不需要。根据查询中国科技网显示，Vuejs和jQuery的功能在很多方面有重叠，Vuejs开发单页应用程序的效率比使用使用jQuery要高，所以用了vue就不需要jquery了。

4、vue所提倡的数据驱动视图和jQuery的直接操作DOM在编写页面时的思路是完全不同的。

5、注：js原生获取的dom是一个对象，jQuery对象就是一个数组对象，其实就是选择出来元素的数组集合。所以说他们两者是不同的对象类型不等价。

6、在掌握了这些基础知识后，您可以根据个人需求选择学习jQuery或Vue。如果您更注重对DOM操作、动画效果等方面的理解和实践，以及想要快速上手并使用丰富的jQuery插件，那么学习jQuery是一个不错的选择。

Q2: jquery如何封装插件jquery封装插件的方法

类级别的插件开发类级别的插件开发最直接的理解就是给jQuery类添加类方法，可以理解为添加静态方法。典型的例子就是$.AJAX()这个函数，将函数定义于jQuery的命名空间中。

Code 1：定义一个名为 accordion 的新 jQuery 插件 jQuery.fn.accordion = function() { // 在这里添加插件代码 }；Code 1 展示了创建 jQuery 插件的一种方法；该示例没有什么功能性错误。

使用步骤如下：jQuery给放到一个文件夹里面，方便我们待会引用这个jQuery，这里我就放到我项目的js文件夹里面。然后我们来开始编辑HTML界面代码。使用script标签把jQuery引入到我们的HTML界面。

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