vue项目中使用jQuery

2019-11-10 17:56:45

字体：大中小

来源：转载

供稿：网友

这里是引入全局的jQuery 1.在package.json文件中，‘devDependencies’对象中添加”jquery”: “^3.1.1”, 2.在build文件夹下的webpack.base.conf.js文件中添加：

var webpack = require("webpack")// 增加一个plugins plugins: [ new webpack.optimize.CommonsChunkPlugin('common.js'), new webpack.PRovidePlugin({ jQuery: "jquery", $: "jquery" }) ],

3.vue文件中使用：

//这里不用引入jQuery了，已经是全局的了<script src="/static/js/easydialog.min.js" ></script><script src="/static/js/wx-mobile.js"></script><script> document.onreadystatechange = function(){ if(document.readyState=="complete"){ $(".hhide").show(); var liH=$('#first-li1').outerWidth(); $('#index-main').children('ul').CSS('height',liH); }}export default { name: 'MainPage', data () { return { // msg: 'Welcome to Your Vue.js App' } }}</script>

上一篇：spring基于xml的配置

下一篇：hdu 2008 数值统计