Tu primera app con Vue

Vue: primeros pasos. Ejemplo muy básico en donde usaremos Vue.js para imprimir un mensaje en pantalla.

Archivo vue.html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        
        <!--Let browser know website is optimized for mobile-->
        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    </head>

    <body>
        <div id="app">
            <h1>{{ message }}</h1>
        </div>

        <!--Vue JS-->
        <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
        <script src="app.js"></script>
    </body>
</html>

Archivo javascript (app.js)

var app = new Vue({
    el: '#app',
    data: {
        message: 'Hola Vue, esta es mi primera App!'
    }
})

Con la siguiente linea incluimos Vue:

https://cdn.jsdelivr.net/npm/vue/dist/vue.js

Documentación oficial de Vue:

https://vuejs.org/v2/guide/

Anuncios

Acerca de Moycas
Desarrollador web PHP, HTML, JS, CSS, Wordpress

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión /  Cambiar )

Google photo

Estás comentando usando tu cuenta de Google. Cerrar sesión /  Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión /  Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión /  Cambiar )

Conectando a %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.

A %d blogueros les gusta esto: