解決策： Vue props動作方法は、親コンポーネントでデータを定義して値を指定し、そのデータを必要とする子コンポーネントに移動して、その値をprop属性に渡して、データがのプロパティになるようにすることです。子コンポーネント。あなたは、ルートコンポーネント（アプリケーションを使用することができます。

また、Vuejsのあるコンポーネントから別のコンポーネントにどのように値を渡すのかという質問もあります。コンポーネントにデータを渡す非常に簡単な方法は、プロパティ（小道具）を使用することです。すべてのVuejsコンポーネントインスタンスには独自の分離スコープがあります。つまり、子コンポーネントの親データに直接アクセスすることはできません。小道具を使用して、データを子コンポーネントに渡すことができます。

同様に、なぜVUE JSで小道具を使用するのかと疑問に思うかもしれません。

すべての小道具が形成一方向ダウンの子プロパティと親の一方との間に結合：親プロパティの更新は、それが子供に流れ落ちるが、その逆ではないでしょう。これにより、子コンポーネントが誤って親の状態を変更して、アプリのデータフローを理解しにくくするのを防ぐことができます。

小道具をどのように定義しますか？

「小道具」はReactの特別なキーワードで、プロパティを表し、あるコンポーネントから別のコンポーネントにデータを渡すために使用されます。さらに、 propsデータは読み取り専用です。つまり、親からのデータは子コンポーネントによって変更されるべきではありません。