详解vue-cli+es6引入es5写的js(两种方法)
编程学习 2021-07-04 15:50www.dzhlxh.cn编程入门
本文通过两种方法给大家介绍vue-cli+es6引入es5写的js,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友参考下吧
学习了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(两种方法),希望对大家有所帮助,如果大家有任何疑问请给我留言,长沙网络推广会及时回复大家的。在此也非常感谢大家对狼蚁SEO网站的支持!
如果你觉得本文对你有帮助,欢迎网络推广网站推广转载,烦请注明出处,谢谢!