export default 和 export 的使用方式

1、ES6规定，导入模块使用 import 模块名称 from ‘模块标识符‘; 或 import ‘css资源路径‘；
      ES6中，使用export default {name:‘zs‘}和export向外暴露成员。

　　在Node中，使用 var 名称 = require(‘模块标识符‘);来导入模块；使用module.exports= {name:‘zs‘}和exports来暴露成员

2、组件register.vue里面暴露数据

<template>
    <div>
        <h1>这是注册组件11111---{{msg}}</h1>
    </div>
</template>

<script>
    export default {
        data: function() {
            return {
                msg: "register组件里面定义的msg"
            }
        }
    }
</script>

3、在一个模块(组件)中，只能有一个export default,同时还可以使用export

// 暴露的代码test.js：
    export default {
        name: ‘zs‘,
        age: 20
    }
    export var title = ‘标题‘;
    export var content = ‘内容‘;
// 导入的代码main.js：
    import abc, {title as title123, content} form ‘./test.js‘;
    console.log(titel123+‘---‘+content);
// export暴露的成员，也可以不通过{}导入，这称之为按需导入

原文地址：https://www.cnblogs.com/xy-ouyang/p/11247610.html