1. プロジェクト開発において、コンポーネント間の最も一般的な関係は次の 2 つのタイプに分けられます。 1. 父と息子の関係 2. 兄弟関係 1.1 親コンポーネントと子コンポーネント間のデータ共有親コンポーネントと子コンポーネント間のデータ共有は、次のように分けられます。 1. 親→子の共有データサブコンポーネント: 親コンポーネント: 2. 子→親の共有データ子コンポーネントはカスタム イベントを使用して親コンポーネントとデータを共有します。サンプルコードは次のとおりです サブコンポーネント: 親コンポーネント: ページに結果が表示されます: 1.2 兄弟コンポーネント間のデータ共有vue2.xでは、兄弟コンポーネント間でデータを共有するためのソリューションはEventBusです。 EventBus の使用法:
例: 1. eventBus.jsモジュールを作成し、Vueインスタンスオブジェクトを共有する 2. データ送信側で、bus.$emit('イベント名', 送信データ)メソッドを呼び出してカスタムイベントをトリガーします。 3. データ受信側で、bus.$on('イベント名', イベント処理関数)メソッドを呼び出してカスタムイベントを登録します。 要約するこの記事はこれで終わりです。皆さんのお役に立てれば幸いです。また、123WORDPRESS.COM のその他のコンテンツにも注目していただければ幸いです。 以下もご興味があるかもしれません:
|
>>: Windows Server 2016 に Docker をインストールするプロセスと発生した問題
理由は、すべてのファイルが utf8 でエンコードされているためです。ファイルがインクルードされると...
この記事では、参考までに、簡単な計算機を実装するためのJavaScriptの具体的なコードを紹介しま...
vue コンポーネントのスタイル タグ内には、背景画像を使用する次の CSS コードがあります。 背...
目次1. 準備2. MySQL暗号化関数方式2.1 MySQL 暗号化2.2 MYSQL 復号化3....
WindowsにMySQLの圧縮バージョンをインストールする方法の詳細については、以下を参照してくだ...
目次概要演算子の改良と正確なinstanceofよりスマートなオブジェクトリテラル推論固有のシンボル...
フロートはWebページのレイアウトでよく使用されますが、フローティングブロックレベル要素は標準のドキ...
目次VueUse にはどのようなユーティリティがありますか? VueUseをVueプロジェクトにイン...
123WORDPRESS.COM HTML チュートリアル セクションに戻るには、ここをクリックして...
このテクニックは、この記事から来ています - シルキーでスムーズなパフォーマンスでボックスシャドウを...
HTML onfocus イベント属性定義と使用法onfocus 属性は、要素がフォーカスを受け取っ...
目次序文: 1. ユーザー権利の概要2. 実際の権限管理序文:データベースのユーザー権限管理について...
序文Bash には、ls、cd、mv などの重要な組み込みコマンドが多数あるほか、grep、awk、...
目次SSL証明書の作成1. 秘密鍵を生成する2. 証明書要求ファイルを生成する3. CRT証明書ファ...
1. Nginx ロードバランシングの実装原理1. Nginxはリバースプロキシを通じて負荷分散を実...