Usar componentes con CDN en Vue.js

Tutorial | Vue.js
<script src="https://unpkg.com/vue@3/dist/vue.global.prod.js"></script>

<div id="app">
  <nombre1 :prop="hola mundo" />
</div>

<script>
// definir el componente
const componente1 = {
  template: `<div> {{ value_name }} </p></div>`,
  props: ['prop'],
  data: () => ({ value_name: 'nombre' }),
}


const app = Vue.createApp({
  data: () => ({ someData: 'prop' }),
})
app.component('nombre1', componente1)
app.mount('#app')
</script>

Vue.js nos da la opciĆ³n de utilizar componentes con CDN (Content Delivery Network) sin la necesidad de instalar localmente.

Referencias

Tutorial | Vue.js