Diferencia entre revisiones de «Usuario:ManuelRomero/Vue»

De WikiEducator
Saltar a: navegación, buscar
Línea 16: Línea 16:
 
<source lang=html5>
 
<source lang=html5>
 
  <!-- Primero cargamos la librería vue -->
 
  <!-- Primero cargamos la librería vue -->
  <source src="https://unpkg.com/vue@next></source>
+
  <script src="https://unpkg.com/vue@next></script>
 
  <div id=app2> <!--En el id tengo que especificar el componente vue que he cargado-->
 
  <div id=app2> <!--En el id tengo que especificar el componente vue que he cargado-->
 
  {{mensaje}}
 
  {{mensaje}}

Revisión de 03:16 10 oct 2020

Cargar la librería en el fichero html


Icon activity.jpg
Hola Mundo
app.js
const app={
   data(){
       return{
              mensaje :"Hola persona con mensaje 1",
              mensaje2 :"Otro Hola persona con mensaje 2",
       }
   }
}
Vue.createApp(app).mount("app1");
html
 <!-- Primero cargamos la librería vue -->
 <script src="https://unpkg.com/vue@next></script>
 <div id=app2> <!--En el id tengo que especificar el componente vue que he cargado-->
 {{mensaje}}
 {{mensaje1}}
 
 </div>