vuejs のディレクティブとコンポーネントの違いは何ですか

違い: コンポーネントは一般に独立したエンティティを指し、コンポーネント間の関係は通常ツリー状ですが、命令はデコレータ モードであり、コンポーネントのデフォルトの動作を書き換えたり、コンポーネントを拡張したりするために使用されます。 get 追加機能の場合、一般的に、複数の命令を同じコンポーネントに重ねて複数の機能を取得できます。

このチュートリアルの動作環境: Windows7 システム、vue2.9.6 バージョン、DELL G3 コンピューター。

vuejs における命令とコンポーネントの違い

コンポーネントは一般に独立したエンティティを指し、コンポーネント間の関係は通常ツリー状になります。

命令はデコレータ モードであり、コンポーネントのデフォルトの動作をオーバーライドしたり、コンポーネントを拡張して追加の機能を取得したりするために使用されます。一般的に、複数の命令を同じコンポーネントに重ねてさまざまな機能を取得できます。一部の命令は、特定のインターフェイスを実装するために適用されるコンポーネントに依存します。たとえば、Vue の遷移命令は、コンポーネントの Enter や Leave などの一連のフックに依存します。

もちろん、vue には、コンポーネントを作成または削除できる v-if や v-for などの強力な命令もいくつかあります。

たとえば、次のデザイン:

ギャラリーはフォト アルバム コンポーネントです。

Transition はアニメーション コマンドです。

ClickLogger は、クリック ログを開くための命令です。

ギャラリーにアニメーションと ClickLogger をオーバーレイすると、切り替え時にアニメーションによるトランジション効果が得られ、クリック時に自動的にログが記録されます。

関連する推奨事項: 「vue.js チュートリアル 」

以上がvuejs のディレクティブとコンポーネントの違いは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。