vue3_lifecycle_hooks_2.vue

<script>
   created() {
    console.log("I'm created hook");
    console.log("Bob is currently ", this.stateOfBob);

    this.stateOfBob = "awakened but still sleeping";
    console.log("Bob is currently ", this.stateOfBob);

    console.log("computed hook is returning ", this.test);
   }
</script>
 
 
Output:

I'm setup hook

I'm beforeCreate hook
Bob is currently  undefined
computed hook is returning  undefined

I'm data hook

I'm created hook
Bob is currently  sleeping
Bob is currently  awakened but still sleeping

computed hook is returning  I'm computed hook