当前位置:首页 > 千层云服务器 > 正文

vue中怎么引入jquery

在vue中引入jquery的方法:1.创建vue.js项目;2.安装jquery;3.配置webpack.config.js文件;4.使用import方法引入jquery;

vue中怎么引入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';


如果您对该产品感兴趣,请填写办理(客服微信:xiaoxiongyidong)

为您推荐:

发表评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

在线客服