如何在Vue项目中正确的引入JQuery

操作方法

1. 安装jquery依赖

   npm install jquery --save
   

2. 修改两处配置文件（测试vue版本为2.5）

        // 整体位置
        module.exports = {
           // 其他代码...
           resolve: {
             extensions: ['.js', '.vue', '.json'],
             alias: {
               'vue$': 'vue/dist/vue.esm.js',
               '@': resolve('src'),
             }
           },

           // 增加一个plugins
           plugins: [
              new webpack.ProvidePlugin({
                  $: "jquery",
                  jQuery: "jquery"
              })
           ],

           // 其他代码...
        }

3.直接在需要的页面引用

参考文献

vue-cli构建的项目如何正确的引入JQuery