Vue中引入jQuery两种方式可在vue中引入jQuery

在Vue中引入jQuery可以通过以下两种方式：

1. 使用npm或yarn安装jQuery，并在需要使用jQuery的组件中导入。
2. 在index.html中通过CDN添加jQuery，然后在Vue组件中通过window.$或window.jQuery访问。

方式1：使用npm/yarn安装jQuery

npm install jquery --save
# 或者
yarn add jquery

然后在Vue组件中导入jQuery：

import $ from 'jquery';
 
export default {
  mounted() {
    $(this.$el).find('.some-element').hide();
  }
}

方式2：在index.html中添加jQuery

在public/index.html中添加jQuery的CDN链接：

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

在Vue组件中使用jQuery：

export default {
  mounted() {
    window.$(this.$el).find('.some-element').hide();
  }
}

注意：在Vue项目中通常不推荐直接使用jQuery，因为Vue本身提供了响应式和声明式的方法来处理DOM操作和用户交互，而这些通常比jQuery更加高效且易于维护。