When two components are loaded into a third component, what dictates the sequence in which the lifecycle methods for each component will execute?
Main Component
<template>
<div>
<component-a />
<component-b />
</div>
</template>
<script>
import ComponentA from './ComponentA.vue';
import ComponentB from './ComponentB.vue';
export default {
components: {
ComponentA,
ComponentB
}
}
</script>
ComponentA
<script>
export default {
created() {
console.log('Executed first');
}
}
</script>
ComponentB
<script>
export default {
created() {
console.log('Executed second');
}
}
</script>