Please enable JavaScript.

Coggle requires JavaScript to display documents.

Vue Behind the Scenes (Life Cycle) - Coggle Diagram

- - - - detects every key strokes, kind of an overkill.
        
        Use ref to retrieve data only when we need it.
- - - - created
        
        beforeMount
        
        mounted
        
        visible output
    - - updated
        
        visible (new)
      - visible (old)
    - - unmounted
        
        output cleared