01 2Bvuejs 1

01.-Vue js 2 tutorial español ? [Hola mundo en vuejs]

Introducción.

En este tutorial vamos a hablar de vuejs, vamos a ver para que no nos sirve este framework, para que si, cuando si usarlos cuando no, también analizaremos su competencia (Angular JS y React JS). Y lo primero que vamos a hacer es ver la competencia de vuejs. Para eso podemos ir a esta pagina: https://trends.google.com.mx/trends si nos percatamos Vuejs esta muy por debajo de AngularJS y ReactJS. Una vez visto esto cual es la ventaja de aprender vuejs, pues es simple Vuejs es mucho mas fácil de aprender que AngularJS y ReactJS ademas de que es ligero. Otra cosa a favor de VueJS es que fue creado basado en Angular pero con el objetivo de ser mas simple y divertido. como lo podemos ver en esta url:
https://en.wikipedia.org/wiki/Vue.js

Codigo.

<!DOCTYPE html>
<html lang="es">
  <head>
    <meta charset="utf-8" />
    <title>Vuejs</title>
  </head>
  <body>
    <div id="elemento">
      {{contenido}}
    </div>
  </body>
  <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
  <script>
    const con=new Vue({
      el:"#elemento",
      data:{
        contenido:"Hola mundo desde programador novato"
      }
    })
  </script>
</html>

Codigo en github.com: https://github.com/eucm2g/vuejs
Codigo en codepen.io: https://codepen.io/programadornovato/pen/oRqYKM

Video

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Salir de la versión móvil