kimagure44/gist:cbbf7c78d2f78c55e98e069b3504aa18

## gistfile1.html
<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Hola VUE</title>
</head>
<body>
    <!-- Definimos el tag que usaremos para la instancia de VUE (contexto donde puede acceder VUE) -->
    <div id="container">
        <!-- Modelo, usandpo "{{}}" VUE cuando encuentre las llaves va a buscar en el modelo para sustituir por el valor -->
        <h1>{{ mensaje }}</h1>
    </div>
    <!-- Incluir VUE -->
    <script src='https://cdn.jsdelivr.net/npm/vue'></script>
    <!--
        Para evitar tener multiples ficheros y ver el ejemplo mas claro
        añadire el código JS dentro del propio HTML
    -->
    <script>
        // Instancia de VUE
        var app = new Vue({
            // Elemento que afecta VUE
            el: "#container",
            // Modelo, la fuente de datos
            data: {
                mensaje: "Hola mundo, VUE"
            }
        })
    </script>
</body>
</html>
	<!DOCTYPE html>
	<html lang="es">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Hola VUE</title>
	</head>
	<body>
	<!-- Definimos el tag que usaremos para la instancia de VUE (contexto donde puede acceder VUE) -->
	<div id="container">
	<!-- Modelo, usandpo "{{}}" VUE cuando encuentre las llaves va a buscar en el modelo para sustituir por el valor -->
	<h1>{{ mensaje }}</h1>
	</div>
	<!-- Incluir VUE -->
	<script src='https://cdn.jsdelivr.net/npm/vue'></script>
	<!--
	Para evitar tener multiples ficheros y ver el ejemplo mas claro
	añadire el código JS dentro del propio HTML
	-->
	<script>
	// Instancia de VUE
	var app = new Vue({
	// Elemento que afecta VUE
	el: "#container",
	// Modelo, la fuente de datos
	data: {
	mensaje: "Hola mundo, VUE"
	}
	})
	</script>
	</body>
	</html>