詳解vue-cli+es6引入es5寫的js(兩種方法)


原文: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(兩種方法),希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持!
如果你覺得本文對你有幫助,歡迎轉載,煩請注明出處,謝謝!


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM