jquery和javascript的区别？详解如何在vue项目里正确地引用jquery和jquery-ui的插件？

1、本质上的区别

jQuery是一个JavaScript函数库。jQuery就是基于JavaScript语言写出来的一个框架,实质上还是JavaScript而已。

2、代码书写的不同

jQuery 极大地简化了 JavaScript 编程，jQuery代码比沉重的JavaScript轻灵多了，jquery设计的初衷就是要用更少的代码，漂亮的完成更多的功能。

3、在使用方法上的不同

（1）使用JavaScript和jQuery分别加载DOM：

JavaScript只会执行一次，而jQuery会执行多次。

（2）使用JavaScript和jQuery获取class方法：

JavaScript没有默认的获取class的方法，而JQuery，可以通过$('.className') 调用class的方法。

在Vue项目中引用jQuery和jQuery UI插件的步骤如下：

安装jQuery和jQuery UI

在Vue项目中使用jQuery和jQuery UI之前，需要先安装它们。可以使用npm或yarn来安装它们。在终端中输入以下命令：

npm install jquery jquery-ui

或者

yarn add jquery jquery-ui

引入jQuery和jQuery UI

在Vue项目中，可以在main.js文件中引入jQuery和jQuery UI。在main.js文件中添加以下代码：

import $ from 'jquery'

import 'jquery-ui'

在组件中使用jQuery和jQuery UI

在Vue组件中，可以使用$来访问jQuery和jQuery UI。例如，在组件的mounted钩子函数中，可以使用以下代码来初始化一个jQuery UI的日期选择器：

mounted() {

$(this.$refs.datepicker).datepicker()

}

这里假设组件中有一个ref为datepicker的元素，用于显示日期选择器。

需要注意的是，在Vue项目中使用jQuery和jQuery UI时，需要确保它们在Vue实例之前被引入。否则可能会出现一些问题，例如无法正确地初始化jQuery插件。

另外，建议在Vue项目中尽量减少使用jQuery和jQuery UI，因为它们可能会与Vue的数据绑定机制产生冲突，导致一些奇怪的问题。如果需要使用一些UI组件，可以考虑使用基于Vue的UI框架，例如Element UI、Vuetify等。

var friend = $("#friend"); friends.empty(); for(var i=0;i ").text(data.name).val(data.value) friends.append(option); }应该是这样的

还没有评论，来说两句吧...