Vueのエクスポートデフォルトは、単一のエンティティ（オブジェクト、関數(shù)、またはクラス）のみをエクスポートでき、複數(shù)のものをエクスポートすることはできません。これは、インポートプロセスを簡(jiǎn)素化し、コードを明確に保つことを目的として、モジュール性のアイデアに関係しています。複數(shù)の部品をエクスポートする必要がある場(chǎng)合は、エクスポートキーワードを使用して個(gè)別にエクスポートし、インポート時(shí)に対応する名前を使用する必要があります。オブジェクトには內(nèi)部的に複數(shù)のプロパティとメソッドが含まれていますが、単一のエンティティとしてカウントされるため、エクスポートデフォルトを使用してエクスポートすることもできます。使用するエクスポート方法を選択することは、特定の要件とコンポーネントの複雑さに基づいてトレードダウンして、コードを読みやすく単純化する必要があります。

VUEでのexport default ：あなたはそれを本當(dāng)に理解していますか？

多くの初心者が尋ねます：Vueのexport default複數(shù)のものをエクスポートできますか？答えは次のとおりです。しかし、この問(wèn)題の背後には、モジュール性とVUEコンポーネントのエクスポートメカニズムのより深い理解があります。この記事では、詳細(xì)な分析を提供します。

最初に結(jié)論について話(huà)しましょう。 export default 1つのことのみをエクスポートできます。この「Thing」は、オブジェクト、関數(shù)、またはクラスでさえありますが、単一の名前のExitにすぎない可能性があります。複數(shù)のものをエクスポートしようとすると、コンパイラはエラーを直接報(bào)告します。

なぜこのように設(shè)計(jì)されているのですか？これは、モジュラー思考に密接に関連しています。 export defaultの目的は、インポートプロセスを簡(jiǎn)素化するためのデフォルトのエクスポートを提供することです。複數(shù)のエクスポートが許可されている場(chǎng)合、インポート時(shí)に各エクスポートの名前を指定する必要があります。これにより、コードの複雑さと冗長(zhǎng)性が向上します。コードをより明確かつ容易にするために、1回のエクスポートを維持します。

例、エラーの例を見(jiàn)てみましょう。

 <code class="javascript">// 錯(cuò)誤示范：試圖導(dǎo)出多個(gè)export default { data() { return { message: 'Hello' }; }, methods: { greet() { console.log(this.message); } }, components: { // ... } };</code>

このコードは、 data 、 methods 、 componentsを同時(shí)にエクスポートしようとしますが、これは間違っています。コンパイラはエラーをスローします。

それで、それを行う正しい方法は何ですか？ exportキーワードを使用して、さまざまな部品をエクスポートする必要があります。

 <code class="javascript">// 正確做法：分別導(dǎo)出const data = () => ({ message: 'Hello' }); const methods = { greet() { console.log(this.message); } }; const components = { // ... }; export { data, methods, components }; //或者，更簡(jiǎn)潔的寫(xiě)法： export { data: () => ({ message: 'Hello' }), methods: { greet() { console.log(this.message); } }, components: {/*...*/} };</code>

このようにして、これらの部品を個(gè)別にインポートできます。インポートするときは、対応する名前を使用する必要があります。

 <code class="javascript">import { data, methods, components } from './myComponent'; // 使用導(dǎo)入的內(nèi)容const MyComponent = { data, methods, components, };</code>

あなたは尋ねるかもしれません：オブジェクトはどうですか？オブジェクトには、複數(shù)のプロパティとメソッドを含めることができます。これは複數(shù)の輸出としてカウントされますか？はい、しかしそれはまだ単一のエンティティです。 export defaultエクスポートオブジェクト、その內(nèi)部プロパティとメソッドは、インポート後もドットからアクセスできます。これは、各プロパティとメソッドを個(gè)別に導(dǎo)出することとは異なります。前者はオブジェクトの完全性を維持し、後者はそれを別々の部分に分解します。

選択する方法は、特定のニーズに依存します。コンポーネント構(gòu)造が比較的単純な場(chǎng)合、 export defaultを使用してオブジェクトをエクスポートする方が便利かもしれません。しかし、コンポーネントが非常に複雑であるか、部品を再利用する必要がある場(chǎng)合は、個(gè)々の部品を個(gè)別にエクスポートする方が良いでしょう。これは、実際の條件に基づいて計(jì)量する必要があります。

最後に、1つの経験：コードのシンプルさと読みやすさを維持することが重要です。いわゆる「スキル」を追求するために、理解できないコードを記述しないでください。ベストプラクティスは、維持する最も明確で簡(jiǎn)単な方法を選択することです。コードは、人々が見(jiàn)ることができ、その後にマシンが続くために書(shū)かれていることを忘れないでください。

以上がVUEエクスポートマルチでデフォルトをエクスポートできますの詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國(guó)語(yǔ) Web サイトの他の関連記事を參照してください。