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

（完）

巴特西

JavaScript 的 export default 命令

最新文章

热门文章