zoukankan      html  css  js  c++  java
  • 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暴露的成员,也可以不通过{}导入,这称之为按需导入
  • 相关阅读:
    C++中的动态内存管理
    Harbor镜像仓库搭建
    nexus私服搭建
    Tekton ACK安装
    容器监控实践,从入门到放弃
    Bitwarden_搭建密码服务器
    Jenkins-部署文档
    Mysql-基本的
    Zabbix添加-钉钉故障报警
    ZABBIX-4.4 yum安装
  • 原文地址:https://www.cnblogs.com/xy-ouyang/p/11247610.html
Copyright © 2011-2022 走看看