[Vuejs]-Function firing after click event, but not updating data variable in VueJS

Vue JS: Difference of data() { return {} } vs data:() => ({ })

I believe it has to do with the use of the arrow function for data.
Try using either data() { or data: function() {.