vue.js学習ノート29――export defaultとexportの使い方

1616 ワード

1.ES 6とNodeでメンバーの紹介と暴露の方式
1.1 Node露出と導入の方式を使う
1.1.1導入
Nodeでは、var名=require('モジュール識別子')を使用する.を選択して、メンバーをインポートします
1.1.2露出メンバー
moude.export={}とexportsがメンバーを暴露します.
1.2 ES 6方式でメンバーと導入モジュールを暴露する
ES 6では、ES 6にモジュールをどのように導入し、導き出すかを規定している.
1.2.1インポート
ES 6にモジュールを導入し、importモジュール名from'モジュール識別子'またはimport'でパスを識別する.
1.2.2露出メンバー
ES 6では、export defaultとexportを使ってメンバーを暴露します.
ケース:
1.test.jsファイルを新規作成する
export default{
    name:'  ',
    age:21
}

/**        
var info = {
    name:'  ',
    age:21
}

export default info;
*/
2.main.jsにtest.jsファイルを導入する
import m1 from './test.js';
alert(m1.name);
プロジェクトは包装して運行して、張三を弾いて
注意:
1.main.jsファイルimportモジュール名 このモジュール名はカスタムです.つまり、export default暴露されたメンバーは任意の変数で受信できます.
2.一つのモジュールにおいて、export defaultだけ外に露出することができます.
3.一つのモジュールで、同時にexport defaultとexportを使ってメンバーを暴露することができます.
4.「export var変数名=内容」による 形が外に露出しているインターフェースは、モジュール名という形でしか受信できません.このように、「必要に応じて導き出す」といいます.そして、モジュール名はexportの変数名と一致していなければなりません.もし一致したくなければ、どうすればいいですか?モジュール名asカスタム名前の形で
5.exportは複数のメンバーを外に暴露することができます.また、もしあるメンバーがimportの時にいらないなら、{}で定義しなくてもいいです.つまり、exportを通じて複数のメンバーを暴露しても、私はimportの時に、一つ以上を導入してもいいです.この方法は必要に応じて導入します.
たとえば:
test.jsで二人のメンバーを暴露します.
export default{
    name:'  ',
    age:21
}

export var info = {
    name:'  ',
    age:22
};

export var content = '   export!';
メールで受信します
import m1,{info,content} from './test.js';
alert(m1.name);
alert(info.name);
alert(content);