import require的区别

点击量:114

import 是es6的标准

require只是commonjs的标准,但是es6没有使用这套标准,nodejs 使用的是commonjs标准

所以在vueadmin项目中,可以看到有些js用了import,有些js用了require

import,export的默认用法

1. import 默认用法必须加一个{},然后要导入的内容依次写在里面
    import {a} from './a'
    import {a,b,c,fun} from './b'

2. export 默认用法是在最后通过一个{},导出所有的东西
    var a={}
    var b = {}
    var c = {}
    var function1 = function(){}
    export {function1 as fun,a,b,c};

as,主要用于解决import 两个相同的东西时的命名冲突

as 就是给export,import 等设置一个别名
    export {function as fun}

    import {fun as a}
    import {fun as b}

export default 的语法糖

你看到imoport 没加{},就是这种语法糖
    1. 最大的好处就是,import的时候不用写{}
        import Vue from 'vue'   (这个大写的Vue是可以随便大小写的,因为它本身是一个别名)

        相当于
            import {default as Vue} from 'Vue'   

    2. export 的语法糖写法
        export default function(){}

        相当于
        var a= function(){}
        export {a as default}

参考

import,require区别

发表评论

电子邮件地址不会被公开。

6 + 15 =