javascript - Wie ändere ich den Wert von Requisiten in einer untergeordneten Komponente in Vue, z. B. courseToll? Sind die Daten, die von der übergeordneten Komponente beim Erstellen angefordert werden?

Question

Wie im Bild oben gezeigt: Undefiniert wird zuerst gedruckt. Liegt ein Problem mit der Ausführungsreihenfolge vor? Bete alle großen Götter an

Answer 1

created 触发时说明 Vue 组件的数据都准备好了，这个时候父组件还没执行 created 获取 courseToll 所以传给子组件的是 undefined 。父组件获取之后改变了 courseToll 所以后来又触发了一遍。

Answer 2

我记得嵌套组件，是递归的方式渲染的，也就是子组件会先于父组件渲染

Answer 3

子组件暴露出courseToll属性，父组件用v-bind:courseToll="courseTollInFatherComponent"将值传递给子组件，然后父组件在created事件回调里将取到的值赋值给父组件对应的属性行了。