07.-Vue js 2 tutorial espa帽ol ? [created,mounted,updated,destroyed]??

Introducci贸n

En este tutorial les tengo 2 noticias una mala y una buena:
La mala es que vamos a trabajar con teor铆a 馃檨
La buena es que vamos a ver esa teor铆a con practica 馃檪 .
Ademas esto que vamos a aprender hoy nos funcione para los siguientes tutoriales asi que si o si tienes que ver este video para entender los dem谩s.

en realidad es muy simple lo que aprenderemos y son los elementos que se se cargan en vue que son estos:
聽 聽 聽 beforeCreate
聽 聽 聽 created
聽 聽 聽 beforeMount
聽 聽 聽 mounted
聽 聽 聽 beforeUpdate
聽 聽 聽 updated
聽 聽 聽 beforeDestroy
聽 聽 聽 destroyed

Codigo

<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8" />
<title>Vuejs</title>
</head>
<body>
<div id="elemento">
<button @click="texto='hola cambiado'">Cambiar</button>
<button @click="destruir()">Destruir</button>
{{texto}}
</div>
</body>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script>
const con=new Vue({
el:"#elemento",
data:{
texto:'hola'
},methods: {
destruir(){
this.$destroy();
}
},
beforeCreate() {
console.log('beforeCreate');
console.log(this.texto);
},
created() {
console.log('created');
console.log(this.texto);
},
beforeMount() {
console.log('beforeMount');
},
mounted() {
console.log('mounted');
},
beforeUpdate() {
console.log('beforeUpdate');
},
updated() {
console.log('updated');
},
beforeDestroy() {
console.log('beforeDestroy');
},
destroyed() {
console.log('destroyed');
},
})
</script>
</html>

Video

Eugenio Chaparro

Compartir
Publicado por
Eugenio Chaparro

Entradas recientes

馃煝Editar c贸digo de un m贸dulo en Dolibarr [04]

馃煝Editar c贸digo de un m贸dulo en Dolibarr [04]

En este tutorial vamos editar el c贸digo de nuestro m贸dulo personas para poder personalizar algunas…

2 meses hace
馃煝Crear un sub_m贸dulo en Dolibarr [03]

馃煝Crear un sub_m贸dulo en Dolibarr [03]

En este tutorial vamos a crear un sub m贸dulo llamado seguridad que ser谩 muy parecido…

2 meses hace
馃煝Modificar un m贸dulo en Dolibarr [02]

馃煝Modificar un m贸dulo en Dolibarr [02]

En este tutorial aprenderemos a editar el objeto personas del modulo persona que creamos en…

2 meses hace
馃煝Constructor de m贸dulos en Dolibarr

馃煝Constructor de m贸dulos en Dolibarr

Como mencionamos anteriormente Dolibarr es un proyecto realizado sobre la base de una pol铆tica clara:…

2 meses hace
馃煝Tickets en Dolibarr [19]

馃煝Tickets en Dolibarr [19]

Los ticket en dolibarr nos ayudan a comunicar inconveniente en nuestros productos y servicios dentro…

2 meses hace
馃煝Agenda en Dolibarr [18]

馃煝Agenda en Dolibarr [18]

Las agendas en dolibarr nos ayudan a ver las actividades realizadas en proceso y por…

2 meses hace