vue2.0 nuevo atributo a la persona interesada, y el gatillo una actualización de vista - $ set () el uso

vue2.0 nuevos datos al atributo de objeto, y los factores desencadenantes vista de actualización
del código siguiente, el objeto a la nueva propiedad de la edad del estudiante

datos () {
     retorno { 
        estudiante: { 
            nombre: '' , 
            el sexo: '' 
        } 
    } 
}

 

Como todos sabemos, directamente a la asignación de estudiantes, aunque se puede añadir atributos, pero no lo hace gatillo actualizar vista

montado () {
     este .student.age = 24 
}

La razón es: restricciones ES5, Vue.js el objeto no pueden ser detectados por las propiedades añadidos o eliminados. Debido ejemplo Vue.js al inicializar la propiedad en captador / definidor, por lo que la propiedad debe convertirlo a hacer Vue.js en el objeto de datos es para que sea sensible.

Para hacer frente a esta situación, podemos usar $ método set (), no sólo puede añadir atributos, y puede desencadenar ver las actualizaciones.

写法:. $ Fijar esta (this.data,”clave”, el valor ')

montada () {
     esto . conjunto $ ( este .student, "edad", 24 ) 
}