美文网首页Vue.js前端Vue专辑
vue-cli+es6引入es5写的js(两种方法)

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

作者: a333661d6d6e | 来源:发表于2019-05-06 14:07 被阅读3次

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

    结语

    感谢您的观看,如有不足之处,欢迎批评指正。
    获取资料👈👈👈
    本次给大家推荐一个免费的学习群,里面概括移动应用网站开发,css,html,webpack,vue node angular以及面试资源等。
    对web开发技术感兴趣的同学,欢迎加入Q群:👉👉👉582735936 👈👈👈,不管你是小白还是大牛我都欢迎,还有大牛整理的一套高效率学习路线和教程与您免费分享,同时每天更新视频资料。
    最后,祝大家早日学有所成,拿到满意offer,快速升职加薪,走上人生巅峰。

    相关文章

      网友评论

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

        本文链接:https://www.haomeiwen.com/subject/pqqygqtx.html