1.安装jQuery
npm i jquery --save
2.修改vue.config.js文件
const { defineConfig } = require('@vue/cli-service')
// 引入jq需要加入以下代码
// const webpack = require('webpack')
module.exports = defineConfig({
transpileDependencies: true,
lintOnSave: false,
chainWebpack: config => {
config.plugin('provide').use(webpack.ProvidePlugin, [{
$: 'jquery',
jquery: 'jquery',
jQuery: 'jquery',
'window.jQuery': 'jquery'
}])
}
})
3.新建test.vue文件
import $ from 'jquery'
import mixin from "@/components/jorgchart/js/jquery.orgchart.js"
import '@/components/jorgchart/css/jquery.orgchart.css'
export default {
}
$(function () { //这里面写jQuery代码
console.log('引入成功')
}
