1. 程式人生 > >vue *** is not a function問題解決

vue *** is not a function問題解決

    最近剛開始研究vue框架,之前一直沒用過前端框架,雖然功能強大,但是早就知道在應用起來這裡面坑很多,果然前進的路上坑坑窪窪的。
    在瞭解了一些基本功能後就拿著之前做過的一個普通H5結構的老專案做移植以便練習,很快就遇到了一個很蛋疼的問題,很多基於Jq的老外掛在vue框架裡不相容。雖然都說在vue裡用jq很可笑,但是作為一個過渡和用了好幾年jq家族外掛的人,怎麼能這麼快就適應到全盤推翻從新開始呢。
	其中頁面背景用了Vegas,js,一個效果很不錯的帶動畫特效的更替背景圖外掛庫,之前老專案裡直接在html頁面頭部引用,什麼問題都沒有,但是在vue頁面中就不好使了,雖然在專案的Index.html裡引入了jquery和vegas的外部檔案,也在配置檔案中配了jq的plugin,但就是報“$(...).vegas() is not a function”,意思可能就是外部js檔案裡定義的vegas方法沒被識別,但是跟它一起使用的Bootstrap和toastr就沒有這個問題。
	於是就開始了漫漫的百度之路,在各個網站找到了一些類似的問題,但是無一例外的是這種提問沒有任何人回覆解決。在困擾了一夜嘗試了各種方法後終於找到了解決方案,把vegas.js裡的程式碼全盤複製到該vue頁面的mounted函式裡,問題解決!再也不報錯了。
	過後仔細想想這解決方案也真是夠無語,不管怎麼樣總算功能正常可以用了就得了。