詳解vue-cli+es6引入es5寫的js(兩種方法)
學(xué)習(xí)了vue有一段日子了，vue+es6開發(fā)非常好用，vue的插件非常多，很充足，但是還是會(huì)用到引入第三方外部js的時(shí)候，但是很多人在vue-cli中的.vue文件引入es6會(huì)出很多錯(cuò)誤，因?yàn)槲覀兊拇a是es6寫的，你引入es5的js當(dāng)然會(huì)出問(wèn)題，那么而接下來(lái)我講大家講解一波，怎么引入第三方es5寫的 js
方法1：
import XX from “路徑”
Vue.use(XX);
這里的js文件要導(dǎo)出
用export default {
Vue.proprtypes.aa=function(){}
}
方法2：
js文件沒(méi)有用export default{}
直接就是純方法
解決：可以在main.js中加入以下代碼，其中的方法可以全局使用。
require （'路徑'）
方法3：
同樣是純方法
在最后將你想用的方法用export default {}導(dǎo)出
此方法用在單個(gè)Vue文件中，通過(guò)import {xxx} from ‘路徑'引入你的方法
總結(jié)
以上所述是小編給大家介紹的vue-cli+es6引入es5寫的js(兩種方法),希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
如果你覺(jué)得本文對(duì)你有幫助，歡迎轉(zhuǎn)載，煩請(qǐng)注明出處，謝謝！
相關(guān)文章
js實(shí)現(xiàn)帶進(jìn)度條提示的多視頻上傳功能
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)帶進(jìn)度條提示的多視頻上傳功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-07-07
如何使用js正則表達(dá)式驗(yàn)證文件夾名是否符合規(guī)范
眾所周知正則表達(dá)式非常強(qiáng)大,下面這篇文章主要給大家介紹了關(guān)于如何使用js正則表達(dá)式驗(yàn)證文件夾名是否符合規(guī)范的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-05-05
promise面試中經(jīng)常會(huì)遇到的一個(gè)問(wèn)題就是關(guān)于控制并發(fā)的，所以下面這篇文章主要給大家介紹了關(guān)于Promise面試題之控制并發(fā)的相關(guān)資料，需要的朋友可以參考下2021-05-05
由淺到深了解JavaScript類...2007-01-01
JS+CSS實(shí)現(xiàn)六級(jí)網(wǎng)站導(dǎo)航主菜單效果
這篇文章主要介紹了JS+CSS實(shí)現(xiàn)六級(jí)網(wǎng)站導(dǎo)航主菜單效果,涉及JavaScript遍歷頁(yè)面元素及動(dòng)態(tài)修改css屬性的相關(guān)實(shí)現(xiàn)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-09-09
javascript實(shí)現(xiàn)類似于新浪微博搜索框彈出效果的方法
這篇文章主要介紹了javascript實(shí)現(xiàn)類似于新浪微博搜索框彈出效果的方法,涉及javascript彈出搜索框的相關(guān)實(shí)現(xiàn)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-07-07
JavaScript使用RegExp進(jìn)行正則匹配的方法
這篇文章主要介紹了JavaScript使用RegExp進(jìn)行正則匹配的方法,實(shí)例分析了RegExp對(duì)象在進(jìn)行正則匹配時(shí)的相關(guān)使用技巧,需要的朋友可以參考下2015-07-07
JScript中的''var''定義變量的作用域...2007-03-03
JavaScript 如何實(shí)現(xiàn)同源通信
在日常工作中，你可能會(huì)遇到同源頁(yè)面間通信的場(chǎng)景。針對(duì)這種場(chǎng)景，我們可以使用 localStorage 和 storage 事件來(lái)解決同源頁(yè)面間通信的問(wèn)題。除此之外，我們還可以使用 Broadcast Channel API 來(lái)解決該問(wèn)題。接下來(lái)，將帶大家一起來(lái)認(rèn)識(shí)一下 Broadcast Channel API。2021-05-05
微信小程序獲取用戶信息的兩種方法wx.getUserInfo與open-data實(shí)例分析
這篇文章主要介紹了微信小程序獲取用戶信息的兩種方法wx.getUserInfo與open-data,結(jié)合實(shí)例形式分析了wx.getUserInfo與open-data獲取用戶信息的相關(guān)操作技巧與使用注意事項(xiàng),需要的朋友可以參考下2019-05-05