vue引入jquery

安装jQuery依赖

在项目根目录下通过npm或yarn安装jquery：

npm install jquery
# 或
yarn add jquery

配置Vue全局引入

在vue.config.js中配置webpack的ProvidePlugin（若无此文件需手动创建）：

const webpack = require('webpack');
module.exports = {
  configureWebpack: {
    plugins: [
      new webpack.ProvidePlugin({
        $: 'jquery',
        jQuery: 'jquery'
      })
    ]
  }
}

单文件组件使用

在Vue组件中直接通过$或jQuery调用：

mounted() {
  $(this.$el).find('div').css('color', 'red');
}

按需引入（非全局）

若需局部引入，在组件中单独导入：

import $ from 'jquery';
export default {
  methods: {
    handleClick() {
      $('#target').hide();
    }
  }
}

TypeScript支持（可选）

安装类型声明文件：

npm install @types/jquery --save-dev

在tsconfig.json中确保包含：

{
  "compilerOptions": {
    "types": ["jquery"]
  }
}