原文:https://www.jb51.net/article/159967.htm
本文通過兩種方法給大家介紹vue-cli+es6引入es5寫的js,本文通過實例代碼給大家介紹的非常詳細,具有一定的參考借鑒價值,需要的朋友參考下吧
學習了vue有一段日子了,vue+es6開發非常好用,vue的插件非常多,很充足,但是還是會用到引入第三方外部js的時候,但是很多人在vue-cli中的.vue文件引入es6會出很多錯誤,因為我們的代碼是es6寫的,你引入es5的js當然會出問題,那么而接下來我講大家講解一波,怎么引入第三方es5寫的 js
方法1:
1
2
3
4
5
6
|
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(兩種方法),希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持!
如果你覺得本文對你有幫助,歡迎轉載,煩請注明出處,謝謝!