vue引入jquery的方法

时间:2025-01-15 07:12:23

vue引入jquery的方法

1、局部引入

通过命令下载jquery   npm install jquery --save-dev

在需要引入jquery的组件中通过import $ from 'jquery'引入即可

2、全局引入

通过命令下载jquery   npm install jquery --save-dev

方法一

在项目目录下build下的文件头部加入

var webpack = require('webpack')

并在的尾部加入

plugins: [
new (''),
new ({
jQuery: "jquery",
$: "jquery"
})
]

重启服务 npm run dev生效

方法二

在项目目录下build下的文件头部加入

var webpack = require('webpack')

resolve: {

    extensions: ['.js', '.vue', '.json'],

    alias: {

      'vue$':"vue/dist/",

      '@': resolve('src'),

      'jquery':'jquery'

    }

  },

  plugins:[

    new ({

      jQuery:"jquery",

      $:"jquery"

    })

  ],

 重启服务 npm run dev生效