vue proceso de la instancia desde la creación hasta la destrucción, Vue es el ciclo de vida, es decir, desde el principio de la creación, inicialización de datos, plantillas compiladas, montar DOM, actualización, desinstale y una serie de procesos. En este proceso vamos a ejecutar alguna función llamada gancho de ciclo de vida.
compilación de plantilla: convertir el contenido en un código HTML real de plantilla.
- beforeCreate: Creación de atrás. Después de un nuevo ejemplo vue, sólo algunos de los ganchos del ciclo de vida por defecto y eventos predeterminados, otras cosas no han creado. En este momento, datos, métodos y elementos DOM no son accesibles.
- creado: fue creado. Se han creado ejemplos. datos, los métodos se puede acceder, pero todavía no puede acceder a los elementos del DOM.
- beforeMount: montar delante. En la memoria se ha elaborado una plantilla, pero que no han montado en la página. No visita elemento específico DOM
- Una vez montado: montado. elementos DOM se puede acceder.
- AntesDeActualizar: antes de actualizar. Los datos son los datos más recientes, pero aún no se ha reanudado rendir un nodo DOM, los datos muestran páginas o de edad.
- actualización: después de la actualización. DOM de datos y los datos han completado la actualización.
- beforeDestroy: antes de la destrucción. En este paso, la instancia sigue siendo totalmente disponible.
- destruidos: después de la destrucción. Todo va a instancia Vue no está consolidado.
Interfaz de llamada, la función de la creada beforeMount / montada lata /, en general, en la creación, pero si usted quiere operar dom, entonces tiene que ser colocados en montado.
El ciclo de vida de este punto de gancho para llamar a su contexto instancia Vue.
No utilice las flechas de la función de devolución de llamada o propiedades de opciones, tales como :. creado () => CONSOLE.LOG (this.a) o vm $ reloj ( 'a', nuevoValor => this.myMethod ()). Debido a que la función de flecha no esto, esto siempre se verá como variables de ámbito léxico a sus superiores, hasta encontrar, a menudo resulta en no detectada TypeError: No se puede leer la propiedad de no definido o no detectada TypeError: Error this.myMethod no es una función de la clase es.
