详解vue-cli+es6引入es5写的js(两种方法)


Posted in Javascript onApril 19, 2019

学习了vue有一段日子了,vue+es6开发非常好用,vue的插件非常多,很充足,但是还是会用到引入第三方外部js的时候,但是很多人在vue-cli中的.vue文件引入es6会出很多错误,因为我们的代码是es6写的,你引入es5的js当然会出问题,那么而接下来我讲大家讲解一波,怎么引入第三方es5写的 js

方法1:

import XX from “路径”
Vue.use(XX);
   这里的js文件要导出
   用export default {
   Vue.proprtypes.aa=function(){}
   }

方法2:

js文件没有用export default{}

直接就是纯方法

解决:可以在main.js中加入以下代码,其中的方法可以全局使用。

require ('路径')

方法3:

同样是纯方法

在最后将你想用的方法用export default {}导出

此方法用在单个Vue文件中,通过import {xxx} from ‘路径'引入你的方法

总结

以上所述是小编给大家介绍的vue-cli+es6引入es5写的js(两种方法),希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

Javascript 相关文章推荐
JavaScript动态加载样式表的方法
Mar 21 Javascript
Google Maps基础及实例解析
Aug 06 Javascript
mvc中form表单提交的三种方式(推荐)
Aug 10 Javascript
vue.js 表格分页ajax 异步加载数据
Oct 18 Javascript
JS焦点图,JS 多个页面放多个焦点图的实例
Dec 08 Javascript
js实现hashtable的赋值、取值、遍历操作实例详解
Dec 25 Javascript
vue.js根据代码运行环境选择baseurl的方法
Feb 28 Javascript
vue 组件使用中的一些细节点
Apr 25 Javascript
JS/HTML5游戏常用算法之碰撞检测 地图格子算法实例详解
Dec 12 Javascript
Vue组件化开发之通用型弹出框的实现
Feb 28 Javascript
Node.js 深度调试方法解析
Jul 28 Javascript
ant design的table组件实现全选功能以及自定义分页
Nov 17 Javascript
vue中使用vue-cli接入融云实现即时通信
Apr 19 #Javascript
浅谈Javascript中的对象和继承
Apr 19 #Javascript
详解如何在Vue项目中导出Excel
Apr 19 #Javascript
vue cli使用融云实现聊天功能的实例代码
Apr 19 #Javascript
详解vue中使用微信jssdk
Apr 19 #Javascript
vue router导航守卫(router.beforeEach())的使用详解
Apr 19 #Javascript
this.$toast() 了解一下?
Apr 18 #Javascript
You might like
PHP下利用header()函数设置浏览器缓存的代码
2010/09/01 PHP
PHP页面间参数传递的四种方法详解
2013/06/09 PHP
PHP中is_file()函数使用指南
2015/05/08 PHP
php基于单例模式封装mysql类完整实例
2016/10/18 PHP
PHP析构函数destruct与垃圾回收机制的讲解
2019/03/22 PHP
关于图片验证码设计的思考
2007/01/29 Javascript
jQuery lazyLoad图片延迟加载插件的优化改造方法分享
2013/08/13 Javascript
js获得当前时区夏令时发生和终止的时间代码
2014/02/23 Javascript
JavaScript中的Web worker多线程API研究
2014/12/06 Javascript
JavaScript中的null和undefined区别介绍
2015/01/01 Javascript
jQuery使用zTree插件实现树形菜单和异步加载
2016/02/25 Javascript
JavaScript学习笔记之数组的增、删、改、查
2016/03/23 Javascript
javascript中sort排序实例详解
2016/07/24 Javascript
Node.js利用断言模块assert进行单元测试的方法
2017/09/28 Javascript
Vue实现点击后文字变色切换方法
2018/02/11 Javascript
微信小程序实现按字母排列选择城市功能
2019/11/25 Javascript
vue3.0实现插件封装
2020/12/14 Vue.js
vue组件是如何解析及渲染的?
2021/01/13 Vue.js
python3批量删除豆瓣分组下的好友的实现代码
2016/06/07 Python
利用Python实现网络测试的脚本分享
2017/05/26 Python
Python基于pandas实现json格式转换成dataframe的方法
2018/06/22 Python
python面向对象实现名片管理系统文件版
2019/04/26 Python
Django中的session用法详解
2020/03/09 Python
关于python 跨域处理方式详解
2020/03/28 Python
Python正则表达式高级使用方法汇总
2020/06/18 Python
通过Python pyecharts输出保存图片代码实例
2020/11/25 Python
测试时代收集的软件测试面试题
2013/09/25 面试题
审核会计岗位职责
2013/11/08 职场文书
中学生在校期间的自我评价分享
2013/11/13 职场文书
物流专业求职计划书
2014/01/10 职场文书
遥感技术与仪器求职信
2014/02/22 职场文书
老干部工作先进集体事迹材料
2014/05/21 职场文书
教师培训学习心得体会
2016/01/21 职场文书
2016护理专业求职自荐书
2016/01/28 职场文书
Python实战之疫苗研发情况可视化
2021/05/18 Python
基于HTML十秒做出淘宝页面
2021/10/24 HTML / CSS