If you have built anything in Vue, I am sure you will be familiar with the component lifecycle hooks, but you may not be aware of the unintuitive order that these hooks will fire when dealing with parent and child components and what affect that may have on your props. Vue lifecycle flowchartParent/Child lifecycle hooksThe example below outputs a message when the Mounted and Created hooks are fire