Antes de ciclo de vida vue es entender verbal (no se utiliza en el combate) ha escrito hoy una pregunta acerca de las aplicaciones de demostración atributo ref
En esta nueva comprensión del ciclo de vida de vue
ciclo de vida vue vue es una instancia de un objeto a partir de la creación de proceso de destrucción
1. Crear un frente (beforeCreate): Después de la inicialización de datos de instancia, y no se observó ningún mecanismo de formación de tiempo, no se puede llegar al nodo DOM .
2. Crear un (creado): En esta etapa, ejemplo VUE se ha creado, no puede llegar Dom .
Antes (beforeMount) 3. Carga: En esta etapa, todavía no puede conseguir elementos del DOM, pero Vue montaje en el nodo raíz se ha creado, la siguiente operación vue Dom se centrará en el nodo raíz.
4. Después de (montado) Carga: La bóveda y los datos han sido prestados (típicamente solicitud asíncrona)
5. Antes de la actualización (AntesDeActualizar): Esta etapa, vue seguir el principio de la función dom AntesDeActualizar basada en datos, aunque no actualizar los datos inmediatamente, pero Dom se cambiará después de la actualización de datos.
6. Después de la actualización (update): Esta etapa será Dom y sincronización de contenido modificado
7. Delante de la destrucción (beforeDestory)
8. destruir (destoryed)
He dicho aquí en el atributo ref de la solicitud
esto. $ refs.input corresponde document.getElementById ( 'input') se adquirió así Dom este nodo puede manipular directamente el atributo de datos