問題タブ [vue-props]

私はちょうど Vue を学んでいて、今は小道具から始めています。それらを以下のコードに統合するのに問題があります。propをコンポーネントnameに送信できるようにしたい。コンポーネントに表示してレンダリングしgreetたい：name<greet name="User"></greet><div>Welcome, User!</div>

リストに表示されるクリックした要素を取得する必要があります。そして、index.htmlにあるメールリストタグを介して、私のvueインスタンスにあるメソッドでこの要素を印刷します

したがって、jsonオブジェクトを反復し、そのすべての要素から2つの属性のみを出力するVueコンポーネントがあります。

これを実行すると、index.html に次の 2 つの要素が表示されます。

• test1@test.com:こんにちは

• test2@test.com:お元気ですか?

この 2 つの要素のいずれかをクリックして、クリックした要素を取得します。次に、index.html にある mail-list タグを介して setSelectedMail という vue メソッドに送信します。

index.html:

最後に、選択したメールを取得する vue インスタンスを次に示します。

私は何を間違っていますか？