在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' ;