我開始爲使用Laravel,Vuejs和刀片模板引擎開發應用程序。
首先,我是Vuejs世界的新人,也許是一個簡單的任務,但我沒有在任何討論中找到答案。
其核心思想是使用.blade頁面,並且當我需要vuejs組件時,將它們添加到使用props數組傳遞服務器數據的頁面中。一切都很好,但在玩了一下之後,我發現了一個可能的問題。
在laravel的文檔中,我們註冊了組件,或者是app.js中的任何Vue設置:然後,使用laravel mix,我們將所有代碼(例如import,require,不同的js頁面)綁定到單個文件中,最後我們用腳本標記在頁面中加載「app。[hash] .js」。我注意到,即使只使用一些vue組件,app.js的增長速度也非常快(當然,我們會將每個組件都導入到一個文件中),甚至可以以組合方式導入組件,而不是全局設置它們。
我的問題是:在一個單一文件(具有大文件)中是否正常綁定所有js代碼,或者是否有一種方法只有在將它們添加到.blade文件中時才導入vue組件,也許有某種webpack(laravel mix)設置?僅在添加到刀片式頁面時導入Vue組件
在此先感謝您的支持。
找到解決方案發布問題後:
馬辛和GoogleMac的答案可能都是正確的,但我發現了大約一個有趣的話題,我倒是想分享的人可以有我的問題。我建議看看這個鏈接https://alexjoverm.github.io/2017/07/16/Lazy-load-in-Vue-using-Webpack-s-code-splitting/,他們在那裏談論代碼分割。 我認爲這可能是最好的方法,主要是因爲即使在vue的文檔談論(詳細在這裏https://vuejs.org/v2/guide/components.html#Async-Components)。 我的壞事沒有檢查詳細的文件。