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

（完）