码迷,mamicode.com
首页 > 其他好文 > 详细

export default 和 export 的使用方式

时间:2019-07-26 01:55:24      阅读:169      评论:0      收藏:0      [点我收藏+]

标签:OLE   register   rom   tle   rip   col   code   form   port   

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 的使用方式

标签:OLE   register   rom   tle   rip   col   code   form   port   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!