1. 前提条件インポートには require.context メソッドを使用します。vite で作成したプロジェクトで使用すると、「require not found」というエラーが報告されるため、webpack を使用してプロジェクトを作成する必要があります。または、Vite でこの問題を解決する方法を教えてもらえますか。 II. ルール私が使用する登録ルールは、src/components/ パスの下にあるすべてのディレクトリとサブディレクトリを検索し、「index.vue」という名前のファイルを検索し、親ディレクトリの名前を登録用のコンポーネント名として使用することです。構造は次のとおりです。 index.vue のみが登録され、他の名前のコンポーネントは登録されません。 3. 登録vue3.0にはimport "Vue" from vueがないので、appを使って登録する必要があり、main.jsでしか実行できません。 エントリーファイル登録 // src/main.js 'vue' から {createApp} をインポートします。 const app = createApp(App) //パブリックコンポーネントを動的に登録します const requireComponent = require.context( // コンポーネントディレクトリの相対パスは '@/components' です。 // サブディレクトリを照会するかどうか true、 // ベースコンポーネントファイル名に一致する正規表現 /index.vue$/ ) const jieguo = requireComponent.keys().filter((item:any)=> true) jieguo.forEach((item:any)=>{ 定数componentConfig = requireComponent(item) 定数名 = item.split("/")[1] app.component(名前、componentConfig.default || componentConfig) }) // 登録終了 app.mount('#app') パブリック コンポーネントを作成、削除、または名前変更する場合、登録は必要ありません。プロジェクトを再開して、水を一口飲みましょう。 要約するこれで、vue3.0 パブリック コンポーネントの自動インポートに関するこの記事は終了です。vue3.0 パブリック コンポーネントのインポートに関するより関連性の高いコンテンツについては、123WORDPRESS.COM の以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。 以下もご興味があるかもしれません:
|
<<: mysql5.7.17.msi インストール グラフィック チュートリアル
>>: Mysql5.7 で JSON 操作関数を使用する手順
まず、 esp8266 は mqtt を通じてメッセージを公開し、WeChat アプレットは mqt...
参考までに、ネイティブjsでカルーセル効果(シームレススクロール)を実現しています。具体的な内容は以...
前回の記事「Docker コンテナの UID と GID を理解する」では、Docker コンテナ内...
コンテナ内でコマンドを実行したいが、コンテナに入りたくない場合があります。ではどうすればいいでしょう...
この記事の例では、Appleの電卓を実装するためのJSの具体的なコードを参考までに共有しています。具...
ネットワーク データを読み込むときは、ユーザー エクスペリエンスを向上させるために、通常は円形の読み...
MySQL 8.0圧縮パッケージのインストール方法、詳細は次のとおりです知らせ:オペレーティング シ...
目次1. ウェアハウスを使用してhttpd lrzsz解凍ファイルを作成する2. ソースコードファイ...
1. Nginxの同時実行性を最適化する [root@proxy ~]# ab -n 2000 -c...
目次1. イメージをプルする2. イメージを実行する3. コンテナ内でアプリケーションをテストする4...
目次序文直接充填方式for ループの push() メソッド配列コンストラクタメソッド配列コンストラ...
ユニークな「About」ページ自分を他の人たちと差別化する素晴らしい方法は、本当にユニークな自己紹介...
序文Dockerを使ってHadoopクラスタを起動するたびに、ネットワークカードの再バインド、IPの...
目次1. forループ: 基本的でシンプル2. forEach() メソッド: コールバック関数の使...
現在実装されているのは、基本的な使用方法、クリア可能なボックス、パスワードボックスです。参考リンク:...