安装jQuery_项目里装上_用npm或yarn就能轻松搞定

作者：机器人技术佬 | 发布时间：2025-06-30 |

你得在Vue项目里装上jQuery。用npm或yarn就能轻松搞定。下面是两种安装方法的命令：

使用npm安装	npm install jquery --save
使用yarn安装	yarn add jquery

安装成功后，jQuery会出现在项目的目录里，文件列表里也能看到它。

接下来，得在Vue项目的入口文件（一般是main.js）里引入jQuery。下面是引入jQuery的代码：

import $ from 'jquery';

这样，jQuery就被引入到Vue项目中了，你就可以在组件里访问它了。

引入jQuery后，你就可以在Vue组件里使用它了。比如，你可以在组件的方法里用jQuery来操作DOM元素：

methods: {


  updateText() {


    $('p').text('新内容');


  }


}

在这个例子中，我们定义了一个方法，用jQuery选择器找到了一个段落元素，并改变了它的文本内容。

如果你想在项目里到处都用jQuery，可以通过Webpack来配置，这样jQuery就会在每个模块里都可用。在项目的webpack.config.js文件里加以下配置：

module.exports = {


  // ...


  resolve: {


    alias: {


      'jQuery': 'jquery'


    }


  },


  // ...


};

这样配置后，jQuery就会在项目中的每个模块里自动可用，你就不需要在每个文件里手动引入了。

要在Vue项目中用外部的jQuery文件，就按这几个步骤来：1. 用npm或yarn安装jQuery，2. 在Vue项目的入口文件里引入jQuery，3. 在组件里用jQuery的方法和功能。如果你想在项目里到处都方便地用jQuery，还可以通过Webpack配置来实现。