1 つのファイルで複数の Vue コンポーネントを使用する

Question

vue ドキュメントの「スクリプト設定」ガイドに「名前空間コンポーネント」があり、次のように書かれています。

ドット付きコンポーネント タグ (

など) を使用して、オブジェクト プロパティの下にネストされたコンポーネントを参照できます。これは、単一のファイルから複数のコンポーネントをインポートする場合に便利です:

リーリー

この例のフォーム コンポーネントがどのようなものであるか、そのようなコンポーネントの正しい使用例は何なのか、そしてそれが「スロット」とどのように関係するのかを知りたいです。

Answer 1

この場合、form-components は、単一のファイル コンポーネント (.vue) をエクスポートしているように見える .js ファイルを参照します。

フォームcomponent.js

リーリー

これで、次の方法でこれらのコンポーネントにアクセスできるようになります:

リーリー

ただし、IDE の方がわかりやすく説明できるため、分割割り当てメソッドを使用することをお勧めします。

リーリー