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