什麼是require.js?
require.js是一個js腳本載入器,它遵循AMD(Asynchronous Module Definition)規範,實現js腳本的非同步加載,不阻塞頁面的渲染和其後的腳本的執行,並提供了在加載完成之後的執行相應回調函數的功能;
require.js要求js腳本必須要實現模組化,也就是檔案化;而require.js的作用之一就是載入js模組,也就是js檔案。
require.js可以管理js模組/檔案之間的依賴;即不同的框架例如Jquery,AngularJs等採用了不同的語法,而使用這些語法的js檔案在導入時必須排在Jquery. js或Angular.js之後才能順利執行,require.js則能夠解決排序依賴問題。
RequireJS 是JavaScript模組載入器。它非常適合在瀏覽器中使用,但它也可以用在其他腳本環境,就像 Rhino and Node。使用RequireJS載入模組化腳本將提高程式碼的載入速度和品質。
require.js的載入
require的使用非常簡單,它相當於module.exports的傳送門,module.exports後面的內容是什麼,require的結果就是什麼,物件、數字、字串、函數…再把require的結果賦值給某個變量,相當於把require和module.exports進行平行空間的位置重疊
優點:
實作按需加載,透過requirejs,你可以在需要某個js模組的時候再加載。這樣就可以避免在初始化頁面的時候,有很多的資料請求和資料傳輸;
避免傳統的,一個頁面上N多個script 標籤而引起的依賴關係錯誤,這樣就起到方便管理模組的作用;
防止頁面阻塞,起到非同步載入的作用;
方便管理版本控制問題;
vue使用require:
require('./a')(); // a模块是一个函数,立即执行a模块函数 var data = require('./a').data; // a模块导出的是一个对象 var a = require('./a')[0]; // a模块导出的是一个数组
以上是vue為什麼能用require的詳細內容。更多資訊請關注PHP中文網其他相關文章!