vue--关于import的原理

1，import和require的区别

两者都是为了模块化而生的。
1，遵循规范
require是AMD规范引入方式
import是es6的一个语法标准，如果要是兼容浏览器的话就必须转化成es5的语法。

2，调用时间
require是在运行是调用的，所以可以运行在代码的任何地方。
import是在编译时调用的，所以必须要放在文件开头。

3，本质
require是赋值的过程，require一个模块的结果就是对象，数字，字符串，函数，然后把这个结果赋值给这个变量。

import是解构的过程，现在所有的引擎都还没有实现import，在node中使用babel支持es6，但是知识将es6转换成es5在执行，所以在这个过程中，import别转码成为了require。

2，使用import进行路由懒加载

路由懒加载的写法：

export default new VueRouter({
    routes: [
        {
            path: '/',
            component: () => import('../components/Navigator')
        }
    ]
})

使用路由懒加载的时候，只会在进入这个路由的时候才会走component，然后在运行import编译加载相应的组件。

可以理解为通过promise的reslove机制。因为Promise函数返回的Promise为reslove的结果，然后就可以使用import来导入组件。

最后

以上就是鲜艳猫咪最近收集整理的关于vue--关于import的原理的全部内容，更多相关vue--关于import内容请搜索靠谱客的其他文章。