Vue 中使用$jquery的使用步骤

[Vue warn]: Error in v-on handler: “ReferenceError: $ is not defined”

安装 jQuery，项目根目录下运行以下代码

cnpm install jquery --save

配置webpack

在项目根目录下的build目录下找到webpack.base.conf.js文件，在开头使用以下代码引入webpack，因为该文件默认没有引用

const webpack = require('webpack')

在module.exports中添加一段代码

 plugins: [
      new webpack.ProvidePlugin({
        $:"jquery",
        jQuery:"jquery",
        jquery:"jquery",
        "window.jQuery":"jquery"
      })
  ]

在组件的script 中引用

import $ from 'jquery';

重新发布

npm run dev