素材巴巴 > 程序开发 >

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

程序开发 2023-09-18 06:24:54

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

结语

感谢您的观看,如有不足之处,欢迎批评指正。


标签:

素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。