首页 > 其他 > 详细

export default 和 export 的使用方式

时间:2019-07-25 23:16:13      阅读:97      评论:0      收藏:0      [点我收藏+]

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

 

export default 和 export 的使用方式

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!