GrandFather.vue
🎈爷爷
② Father 中使用 props 接收了来自 GrandFather 的所有消息。是的,他把所有的消息都收下了而且还可以随便看😱。
当然使用 props 链传递就必须要 Father 接收之后才能继续传递。
看完消息之后,Father 按照 GrandFather 的意思,把 msg2 传递给了 GrandSon
Father.vue
🎈父亲
GrandFather说:{ {msg1}}。{ {msg2}}
③ 终于到 GrandSon 了,它通过 props 从 Father 那里接收到了来自 GrandFather 的消息。
GrandSon.vue
🎈孙子
GrandFather说:{ {msg2}}
小结
这种方式虽然是比较容易理解,但也是比较繁琐的。中间组件需要接收所有的 props 等。
2 $attrs
上面的 $props 传值方式必须要经过 Father 接收之后继续传递,