export default 和 export 的使用方式

Posted 2022-05-17 xy-ouyang

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暴露的成员，也可以不通过导入，这称之为按需导入