JavaScript 的 export default 命令

export default 指定模块的默认输出，一个模块只能有一个默认输出。

举个例子。

export-default.js

export default {
  name: 'hello',
  data () {
    return {
      msg: 'Welcome to Your Vue.js App'
    }
  }
}

在 import-default.js 中加载该模块。

import customName form './export-default.js'

console.log(customName.data().msg); // Welcome to Your Vue.js App

在 Node.js 里测试，需要把代码转化成下面的。

export-default.js

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = {
  name: 'hello',
  data: function data() {
    return {
      msg: 'Welcome to Your Vue.js App'
    };
  }
};

import-default.js

var customName = require('./export-default');

console.log(customName.default.data().msg); // Welcome to Your Vue.js App

（完）

转载于:https://www.cnblogs.com/zhangbao/p/6873098.html