从品牌网站建设到网络营销策划,从策略到执行的一站式服务
本文将为大家详细介绍“Webpack+Vue怎么导入Jquery和Jquery的第三方插件”,内容步骤清晰详细,细节处理妥当,而小编每天都会更新不同的知识点,希望这篇“Webpack+Vue怎么导入Jquery和Jquery的第三方插件”能够给你意想不到的收获,请大家跟着小编的思路慢慢深入,具体内容如下,一起去收获新知识吧。
创新互联建站从2013年成立,先为玉溪等服务建站,玉溪等地企业,进行企业商务咨询服务。为玉溪企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。
Vue是一款友好的、多用途且高性能的JavaScript框架,使用vue可以创建可维护性和可测试性更强的代码库,Vue允许可以将一个网页分割成可复用的组件,每个组件都包含属于自己的HTML、CSS、JavaScript,以用来渲染网页中相应的地方,所以越来越多的前端开发者使用vue。
创建一个jquery-vendor.js文件
import $ from 'jQuery'; console.log($); window.$ = $; window.jQuery = $; export default $;
导入JQuery,并赋值给window对象,使其成为一个全局变量。
在vue组件做如下引用
import $ from './assets/jquery-v'; import 'bootstrap-material-design'; //调用初始化 $(function(){ $.material.init(); });
注意:
1. 只可以在vue的组件中引用
2.如果在main.js中引入jquery.js是Ok的,但这种情况下无论是在mian.js或者是vue组件中引入jquery的第三方插件就有问题了。
如果你能读到这里,小编希望你对“Webpack+Vue怎么导入Jquery和Jquery的第三方插件”这一关键问题有了从实践层面最深刻的体会,具体使用情况还需要大家自己动手实践使用过才能领会,如果想阅读更多相关内容的文章,欢迎关注创新互联行业资讯频道!
成都网站建设公司地址:成都市青羊区太升南路288号锦天国际A座10层 建设咨询028-86922220
成都快上网科技有限公司-四川网站建设设计公司 | 蜀ICP备19037934号 Copyright 2020,ALL Rights Reserved cdkjz.cn | 成都网站建设 | © Copyright 2020版权所有.
专家团队为您提供成都网站建设,成都网站设计,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网! | 成都网站建设哪家好? | 网站建设地图