在vue中引入jquery的方法:1.创建vue.js项目;2.安装jquery;3.配置webpack.config.js文件;4.使用import方法引入jquery;
在vue中引入jquery的方法
1.首先,在vue-cli中创建一个vue.js项目;
vue create project-name
2.vue.js项目创建好后,在项目中安装jquery;
$ npm install jquery --save-dev
3.jquery安装好后,在webpack.config.js配置文件中添加以下配置;
+ const webpack = require("webpack");module.exports = {
entry: './index.js',
output: {
path: path.join(__dirname, './dist'),
publicPath: '/dist/',
filename: 'index.js'
},
+ plugins: [
new webpack.ProvidePlugin({
Query: 'jquery',
$: 'jquery'
})
]}
最后,webpack.config.js文件配置好后,使用import方法在项目中引入jquery即可;
import $ from 'jquery' ;