export 和 export default 的区别

两个都是将定义的对象暴漏出去,但是写法不一样也导致了在import的时候的区别

export 

export var MenuList  = [{
    name:'首页',
    icon:'mail',
    url:'index'
 },{
    name:'音乐模块',
    icon:'appstore',
    children:[{
        name:'音乐模块1',
        url:'music',
    }]
 },{
    name:'工具模块',
    icon:'setting',
    children:[{
        name:'工具模块1',
        url:'tools',
    }]
 }
]
 
//如果用这种方式导出，需要在引用的时候加上{}，并且变量名称不能自定义，必须是MenuList
//如：  import {MenuList} from '../../...'

export  default

var MenuList  = [{
    name:'首页',
    icon:'mail',
    url:'index'
 },{
    name:'音乐模块',
    icon:'appstore',
    children:[{
        name:'音乐模块1',
        url:'music',
    }]
 },{
    name:'工具模块',
    icon:'setting',
    children:[{
        name:'工具模块1',
        url:'tools',
    }]
 }
]
export default MenuList
 
//如果用这种方式导出，引入的时候可以自定义名称，也不用加{}
//如：  import MenuList from '../../...' 或 import Menu from '../../...'