What are some examples of using Vue hooks?

What are some examples of using Vue hooks?

Vue hooks, like onMounted and onUpdated, allow you to run code at specific lifecycle stages. Would you like to see a specific example?

Yes, can you show me an example using onMounted?

Sure! Here's a simple example:

import { onMounted } from 'vue';

export default {
  setup() {
    onMounted(() => {
      console.log('Component is mounted!');
    });
  }
};

This code logs a message when the component is mounted.

What about using watch with hooks?

Great question! You can use watch to react to changes in reactive data. Here's an example:

import { ref, watch } from 'vue';

export default {
  setup() {
    const count = ref(0);
    watch(count, (newValue) => {
      console.log('Count changed to:', newValue);
    });
    return { count };
  }
};

This will log the new count value whenever it changes.