hola-mundo-vue-2.js

Vue.component('hola-mundo', {
  data () {
    return {
      message: 'Hola Mundo'
    }
  },
  template: `
    <div>
        <h2>Componente Hola Mundo en Vue 2</h2>
        <p>{{ message }}</p>
    </div>
  `
});

hola-mundo-vue-3.js

app.component('hola-mundo', {
    setup() {
        const message = ref("Hola Mundo")
        return { message }
    },
    template: `
        <h2>Componente Hola Mundo en Vue 3</h2>
        <p>{{ message }}</p>
    `
});