首頁  >  文章  >  web前端  >  vue為什麼能用require

vue為什麼能用require

(*-*)浩
(*-*)浩原創
2019-05-25 10:43:408699瀏覽

什麼是require.js?

vue為什麼能用require

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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn