vue で指定されたサブコンポーネントを更新し、コンポーネントをリセットし、強制的に更新し、サブコンポーネントを再ロードする方法: key = "value"

序文:
私が達成したい効果は、必要な場所でこのサブコンポーネントを再ロードし、強制リフレッシュ効果を実行することです。

ステップ 1: テンプレート内で、更新するコンポーネントを見つけます。

  <组件名字 :key="变量名></组件名字>

ステップ 2: データ内で変数を定義する

ステップ 3: このコンポーネントを更新する場所に次の文を追加します

this.item = new Date().getTime()

実装の説明:
変数を変更することで、コンポーネントの強制リフレッシュが実現されますが、キーの値が変更されていればコンポーネントは自動的にリフレッシュされるため、キーの値はどのような型でもかまいません。

Vue におけるキーの役割は、主に dom を効率的に更新することです。また、要素/コンポーネントを再利用する代わりに強制的に置き換えることにも使用できます。完了すると、コンポーネントのライフ サイクル フックがトリガーされ、遷移がトリガーされます。