Estoy usando vue.js en una especie de aplicación extraña de una sola página, donde tengo áreas en las que cargo contenido dinámicamente e interactúan con las otras áreas, es decir, ninguno de los contenidos está allí al principio, tengo un componente vue personalizado que funciona como v-html, pero hace que vue analice el nuevo html.
Y todo funciona muy bien.
Excepto para los enlaces de datos. Cualquier enlace de datos existente funciona perfectamente, así que si tengo esto:
var data = { some_string : "hello", some_object : { whatever : 10 } }Cualquiera de las cosas que leí más tarde puede interactuar felizmente con todas esas variables: muéstrelas, vincule en ambos sentidos, etc.
SIN EMBARGO - No puedo agregar nada nuevo. Si lo intento, simplemente no se ve.
Lo que significa que en mi maravilloso y completamente dinámico código es un entorno de datos: tengo que volver y cambiar la plantilla principal cada vez que quiero crear una nueva variable :(
¿Hay algún comando para poder informarle a vue sobre una nueva variable, después de que se haya creado? Me estoy imaginando algo como:
vue.watch_new_variable( data.new_object );o incluso
vue.refresh_watches_of_data();lo encontré, fue realmente simple, tengo un objeto en datos llamado global, y luego puedo agregarlo dinámicamente con Vue.set, por ejemplo
Vue.set( data.global, "my_new_value", 10 );y a partir de ese momento, puedo enlazar, direccionar, cambiar global.my_new_value y todo parece funcionar perfectamente.