PRUEBA.VUE

 <template> <div> <button @click="test()">test</button> <button @click="adddata()">add</button> </div> </template> <script> import logs from './data.js' export default { data () { return { logitems: logs.data().infomation, } }, methods:{ test(){ console.log(logs.data().infomation) }, adddata(){ //FAIL logs.data().infomation.log1d = logs.data().infomation.log1d+1 console.log(logs.data().infomation) //PASS this.logitems.log1d=this.logitems.log1d+1 console.log(this.logitems) } } } </script>

DATOS.JS

 export default { data() { return { infomation: { log1d: 1, logDetail: "This is some log detail for log 1", logType: "general", createdBy: "name", CreatedAt: "date", }, }; }, };

del código anterior Si ejecuto los DATOS obtenidos en TEST.VUE, puedo actualizar los datos. Pero si obtengo datos de DATA.JS cuando obtengo datos, la información no se actualizará. ¿Qué puedo hacer para modificar los datos de DATA.JS?