详解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的目的分析
Jan 05 Javascript
range 标准化之获取
Aug 28 Javascript
javascript弹出页面回传值的方法
Jan 28 Javascript
Javascript核心读书有感之词法结构
Feb 01 Javascript
jQuery实现的Div窗口震动效果实例
Aug 07 Javascript
基于Bootstrap实现tab标签切换效果
Apr 15 Javascript
jQuery实现图片轮播效果代码
Sep 27 Javascript
浅谈vue路径优化之resolve
Oct 13 Javascript
vue-image-crop基于Vue的移动端图片裁剪组件示例
Aug 28 Javascript
angular6的table组件开发的实现示例
Dec 26 Javascript
vue生命周期的探索
Apr 03 Javascript
es6中reduce的基本使用方法
Sep 10 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 文章中的远程图片采集到本地的代码
2009/07/30 PHP
PHP同时连接多个mysql数据库示例代码
2014/03/17 PHP
PHP strtotime函数用法、实现原理和源码分析
2015/02/04 PHP
CI框架常用方法小结
2016/05/17 PHP
Yii中的relations数据关联查询及统计功能用法详解
2016/07/14 PHP
PHP云打印类完整示例
2016/10/15 PHP
Laravel学习笔记之Artisan命令生成自定义模板的方法
2018/11/22 PHP
PHP 与 js的通信(via ajax,json)
2010/11/16 Javascript
Js基础学习资料
2010/11/23 Javascript
目前流行的JavaScript库的介绍及对比
2013/09/29 Javascript
javascript动态的改变IFrame的高度实现自动伸展
2013/10/12 Javascript
Jquery获取元素的父容器对象示例代码
2014/02/10 Javascript
javascript进行四舍五入方法汇总
2014/12/16 Javascript
浅谈JavaScript中指针和地址
2015/07/26 Javascript
浅谈微信小程序之官方UI框架we-ui使用教程
2018/08/20 Javascript
详解React 服务端渲染方案完美的解决方案
2018/12/14 Javascript
JS匿名函数内部this指向问题详析
2019/05/10 Javascript
Jquery属性的获取/设置及样式添加/删除操作技巧分析
2019/12/23 jQuery
Element Breadcrumb 面包屑的使用方法
2020/07/26 Javascript
Vue基本指令实例图文讲解
2021/02/25 Vue.js
Python3遍历目录树实现方法
2015/05/22 Python
详解Django框架中的视图级缓存
2015/07/23 Python
Python zip()函数用法实例分析
2018/03/17 Python
dataframe设置两个条件取值的实例
2018/04/12 Python
Python读取txt内容写入xls格式excel中的方法
2018/10/11 Python
python如何安装下载后的模块
2020/07/03 Python
Python headers请求头如何实现快速添加
2020/11/03 Python
利用python爬取有道词典的方法
2020/12/08 Python
巴西最大的家具及装饰用品店:Mobly
2017/10/11 全球购物
专业实习自我鉴定
2013/10/29 职场文书
门卫班长岗位职责
2013/12/15 职场文书
兼职业务员岗位职责
2014/01/01 职场文书
护士自我鉴定怎么写
2014/02/07 职场文书
《小猪家的桃花树》教学反思
2014/04/11 职场文书
中学生社会实践活动总结
2014/07/03 职场文书
2014年圣诞节寄语
2014/12/08 职场文书