vue项目中使用jQuery
2017-02-09 11:06
537 查看
这里是引入全局的jQuery
1.在package.json文件中,‘devDependencies’对象中添加”jquery”: “^3.1.1”,
2.在build文件夹下的webpack.base.conf.js文件中添加:
3.vue文件中使用:
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>
相关文章推荐
- 在vue项目中使用jquery
- 如何将 jQuery 从你的 Bootstrap 项目中移除(取而代之使用Vue.js)
- Vue系列——在vue项目中使用jQuery及其第三方插件
- vue项目中使用jQuery
- 在Vue项目中使用npm安装bootstrap以及jquery
- webpack构建VUE项目使用jquery及其插件 expose-loader
- vue 项目如何使用 jQuery
- 使用Jquery+EasyUI进行框架项目开发案例讲解之一---员工管理源码分享
- Jquery常见功能使用。项目功能
- 继上一个三级联动的补充--使用jQuery编写各种浏览器兼容简易项目
- 使用Jquery+EasyUI 进行框架项目开发案例讲解之四--组织机构管理源码分享
- 使用Jquery+EasyUI 进行框架项目开发案例讲解之二---用户管理源码分享
- 使用Jquery+EasyUI 进行框架项目开发案例讲解之二---用户管理源码分享
- 第一次在项目中使用JQuery遇到的一点问题
- (转)【推荐】使用Jquery+EasyUI进行框架项目开发案例讲解之一---员工管理源码分享
- 使用Jquery+EasyUI 进行框架项目开发案例讲解之四---组织机构管理源码分享
- 使用Jquery+EasyUI 进行框架项目开发案例讲解之三---角色管理源码分享
- 继上一个三级联动的补充--使用jQuery编写各种浏览器兼容简易项目
- 使用Jquery+EasyUI 进行框架项目开发案例讲解之三---角色管理源码分享
- 【推荐】使用Jquery+EasyUI进行框架项目开发案例讲解之一---员工管理源码分享