详解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 相关文章推荐
准确获得页面、窗口高度及宽度的JS
Nov 26 Javascript
jQuery源码分析-04 选择器-Sizzle-工作原理分析
Nov 14 Javascript
随窗体滑动的小插件sticky源码
Jun 21 Javascript
JavaScript中双叹号!!作用示例介绍
Sep 21 Javascript
PHP使用方法重载实现动态创建属性的get和set方法
Nov 17 Javascript
angularJS中$apply()方法详解
Jan 07 Javascript
JavaScript操作Oracle数据库示例
Mar 06 Javascript
JavaScript语言精粹经典实例(整理篇)
Jun 07 Javascript
jQuery Ajax和getJSON获取后台普通json数据和层级json数据用法分析
Jun 08 Javascript
jQuery实现订单提交页发送短信功能前端处理方法
Jul 04 Javascript
浅谈Vue组件及组件的注册方法
Aug 24 Javascript
详解jQuery中的easyui
Sep 02 jQuery
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
初学者入门:细述PHP4的核心Zend
2006/09/05 PHP
PHP中用header图片地址 简单隐藏图片源地址
2008/04/09 PHP
PHP 二维数组根据某个字段排序的具体实现
2014/06/03 PHP
使用js在页面中绘制表格核心代码
2013/09/16 Javascript
jquery绑定事件不生效的解决方法
2014/02/11 Javascript
jQuery实现简单的文件上传进度条效果
2020/03/26 Javascript
全面解析JavaScript里的循环方法之forEach,for-in,for-of
2020/04/20 Javascript
select隐藏选中值对应的id,显示其它id的简单实现方法
2016/08/25 Javascript
Jquery Easyui菜单组件Menu使用详解(15)
2016/12/18 Javascript
jquery做个日期选择适用于手机端示例
2017/01/10 Javascript
js代码延迟一定时间后执行一个函数的实例
2017/02/15 Javascript
jQuery时间验证和转换为标准格式的时间格式
2017/03/06 Javascript
微信小程序 ES6Promise.all批量上传文件实现代码
2017/04/14 Javascript
JavaScript与Java正则表达式写法的区别介绍
2017/08/15 Javascript
微信小程序开发animation心跳动画效果
2017/08/16 Javascript
JS和jQuery通过this获取html标签中的属性值(实例代码)
2017/09/11 jQuery
AngularJS中的路由使用及实现代码
2017/10/09 Javascript
JS使用setInterval实现的简单计时器功能示例
2018/04/19 Javascript
Vue实现Layui的集成方法步骤
2020/04/10 Javascript
jQuery插件simplePagination的使用方法示例
2020/04/28 jQuery
[25:59]Newbee vs TNC 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
python3批量删除豆瓣分组下的好友的实现代码
2016/06/07 Python
Python实现连接两个无规则列表后删除重复元素并升序排序的方法
2018/02/05 Python
使用apidoc管理RESTful风格Flask项目接口文档方法
2018/02/07 Python
对python中类的继承与方法重写介绍
2019/01/20 Python
对python中的try、except、finally 执行顺序详解
2019/02/18 Python
python代码打印100-999之间的回文数示例
2019/11/24 Python
Python tkinter制作单机五子棋游戏
2020/09/14 Python
台湾租车首选品牌:IWS艾维士租车
2019/05/03 全球购物
销售高级职员求职信
2013/10/29 职场文书
学生党员思想汇报范文
2014/01/09 职场文书
房地产开发项目建议书
2014/05/16 职场文书
2015年度考核个人工作总结
2015/10/24 职场文书
在 Golang 中实现 Cache::remember 方法详解
2021/03/30 Python
帮你提高开发效率的JavaScript20个技巧
2021/06/18 Javascript
Pygame游戏开发之太空射击实战敌人精灵篇
2022/08/05 Python