Why can vue use require?

What is require.js?

require.js is a js script loader that follows the AMD (Asynchronous Module Definition) specification. Realizes asynchronous loading of js scripts, does not block the rendering of the page and the execution of subsequent scripts, and provides the function of executing the corresponding callback function after the loading is completed;

require.js requires that js scripts must be implemented Modularization, that is, documentation; and one of the functions of require.js is to load js modules, which are js files.

require.js can manage dependencies between js modules/files; that is, different frameworks such as Jquery, AngularJs, etc. use different syntax, and js files using these syntaxes must be ranked in Jquery when imported. js or Angular.js can be executed smoothly, and require.js can solve the sorting dependency problem.

RequireJS is a JavaScript module loader. It's great for use in the browser, but it can also be used in other scripting environments, like Rhino and Node. Using RequireJS to load modular scripts will improve the loading speed and quality of your code.

Loading of require.js

The use of require is very simple, it is equivalent to the portal of module.exports, what is the content behind module.exports, require The result is what it is, objects, numbers, strings, functions... and then assigning the result of require to a variable is equivalent to overlapping the positions of require and module.exports in parallel spaces

Advantages:

Achieve on-demand loading. Through requirejs, you can load a js module when you need it. This can avoid a lot of data requests and data transmission when initializing the page;

Avoid traditional dependency errors caused by N multiple script tags on a page, which facilitates management. The role of the module;

Prevents page blocking and plays the role of asynchronous loading;

Conveniently manages version control issues;

Vue uses require:

require('./a')(); // a模块是一个函数，立即执行a模块函数
var data = require('./a').data; // a模块导出的是一个对象
var a = require('./a')[0]; // a模块导出的是一个数组

The above is the detailed content of Why can vue use require?. For more information, please follow other related articles on the PHP Chinese website!