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
A %d blogueros les gusta esto: