vue3_lifecycle_hooks_6.vue

<script>

  updated() {
    console.log("I'm updated hook");
    this.img = "https://picsum.photos/200/300"; //updates the image src
  },

</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 

I'm beforeMount hook
The Dom node is undefined

I'm mounted hook
The Dom node is  <div>​Hello readers !​</div>​

I'm beforeUpdate hook and i can help to apply extra effects before a DOM is updated
width of img div  200
width of img div after overriding  300

I'm updated hook