javascript - courseToll など、vue の子コンポーネントの props の値を変更する方法 courseToll は、作成時に親コンポーネントによって要求されるデータですか?

Question

上図のようにundefinedが先に出力されてしまいますが、実行順序に問題があるのでしょうか？すべての偉大な神々を崇拝しましょう

Answer 1

create がトリガーされると、Vue コンポーネントのデータが準備できたことを意味します。この時点では、親コンポーネントは courseToll を取得するために create を実行していないため、子コンポーネントに渡される値は未定義です。親コンポーネントは courseToll を取得した後に変更したため、後で再度トリガーされました。

Answer 2

ネストされたコンポーネントは再帰的にレンダリングされることを覚えています。つまり、子コンポーネントは親コンポーネントの前にレンダリングされます

Answer 3

子コンポーネントは courseToll 属性を公開します。親コンポーネントは v-bind:courseToll="courseTollInFatherComponent" を使用して値を子コンポーネントに渡します。その後、親コンポーネントは取得した値を親コンポーネントの対応する属性行に割り当てます。イベントコールバックを作成しました。