当前位置： 移动技术网 > IT编程>开发语言>JavaScript > 详解vue-cli+es6引入es5写的js(两种方法)

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

2019年07月23日  | 移动技术网IT编程  | 我要评论

学习了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(两种方法),希望对大家有所帮助

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网