欢迎来到代码驿站!

JavaScript代码

当前位置:首页 > 网页前端 > JavaScript代码

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

时间:2021-03-18 09:45:00|栏目:JavaScript代码|点击:

学习了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 ‘路径'引入你的方法

总结

上一篇:JS按钮闪烁功能的实现代码

栏    目:JavaScript代码

下一篇:jQuery 的 ready()的纯js替代方法

本文标题:详解vue-cli+es6引入es5写的js(两种方法)

本文地址:http://www.codeinn.net/misctech/83016.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有