vue 配置jquery

1、安装jquery 依赖

npm install jquery –S

2、在配置文件vue.config.js中添加jquery 配置

在文件头部 添加定义

const webpack = require('webpack')

在配置中添加引用

configureWebpack: {

plugins: [

new webpack.ProvidePlugin({

jQuery: 'jquery',

$: 'jquery'

})

]

},

vue 配置jquery_第1张图片vue 配置jquery_第2张图片

3、在项目的入口处添加导入(一般单页面为main.js,如果是多页面,则为每个需要使用jquery的页面的入口文件)

import $ from 'jquery' //引入jquery

vue 配置jquery_第3张图片

4、页面中可以正常使用了

你可能感兴趣的:(vue,vue小白炼成记)