Vue doesn't update when global instance property changes

Question

I have the following code in my app.js (after importing Vue and before new Vue()):

Vue.prototype.$globalArray = [];

And in one of my Vue components I have the following:

<span v-for="item in $globalArray">{{ item }}</span>

The problem then is that when I do $vm0.$globalArray.push('some text'); in my Chrome dev tools (with the Vue extension hence the $vm0), nothing happens. However when I change my app.js to

Vue.prototype.$globalArray = 'some other text';

It does actually show the 'some other text' so it looks like it only renders the initial value but doesn't update. The same goes for when I set a timeout of a couple of seconds after the component has mounted and then insert something in the $globalArray.

Could someone tell me whether I'm doing something wrong or that this is not supported?

Thanks in advance

tony19 · Accepted Answer · 2022-07-14 23:55:56Z

3

You are defining just a global vue instance and it isn't reactive by default - https://v2.vuejs.org/v2/cookbook/adding-instance-properties.html

To make it reactive you can follow Vue.observable for example - https://v2.vuejs.org/v2/api/#Vue-observable

Vue.prototype.$global = Vue.observable({array: []})

edited Jul 14, 2022 at 23:55

tony19

140k23 gold badges281 silver badges354 bronze badges

answered Nov 12, 2019 at 22:04

Emīls Gulbis

2,0711 gold badge12 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

cryogenic Over a year ago

Thank you for your answer but it did not work for me directly. What did work for me however, is Vue.observable({array: []}) and then render and push to $globalArray.array. Is that what you actually meant? Or should your exact answer also work and am I doing something wrong?

Collectives™ on Stack Overflow

Vue doesn't update when global instance property changes

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related