Day09 - 物件要解构成 primitive 再传入 props ，小心 by reference 动到不该动的兄弟

今天念 重新认识 Vue.js | Kuro Hsu 2-2 元件之间的沟通传递
在 HTML 里的 root instance （即绑定 root instance 的 #app）范围内，或是在 Vue CLI 的 App.vue 档中的 template 范围内，我们可以藉由 将父元件的资料指定给子元件的 props ，让子元件得以取得父元件的资料，但要小心若父元件欲传入的资料为 by reference 者，应该将该资料解构为 by value 的 primitive

请避免这样直接传整个 object

<my-component :userInfoInChildProp="userInfoInFatherComponent"></my-component>

应该将 object 解构成 primitive 再传入 props，当然这样子元件也得多设几个 props 坑

<my-component :userNameInChildProp="userInfoInFatherComponent.name"
              :userAgeInChildProp="userInfoInFatherComponent.age"
              :userHabbitInChildProp="userInfoInFatherComponent.habbit"></my-component>

今天理解到这边～如果上述内容有出入，希望能顺手做爱心帮忙提点了 ～ (っಠ‿ಠ)っ