How to add a new property to vue (object) data?

[wufeng87]

My data goes below

 data: {
                contacts: {
                    "1": {
                        isSelected: false,
                        UID:"1",
                        cardType: 0      
                    },
                    "2": {
                        isSelected: false,
                        UID:"2",
                        cardType: 0    
                    },
                    "3": {
                        isSelected: false,
                        UID:"3",
                        cardType: 0    
                     },
            }
...

I could use this method to add new contact, but it got a compatibility problem, so I wonder are there some other ways to add new property to object, or I'd better change to use array instead of object.
this.contacts = Object.assign({}, this.contacts, newObj);

Thanks a lot.

[fnlctrl]

Read the docs: Vue.set

[wufeng87]

Thanks, using the set method, and It's OK now.

this.$set('contacts[' + newPsgId + ']', newObj)
Vue.set(this.contacts[newPsgId], 'name', this.editPsgName);  

[CHNB128]

The previous solution does not work for me (Vue ^ 3.0.0)
Do it myself. Hope this helps someone.

this.$set(this.contacts, newPsgId, newObj)

[SilvanFux]

this.$set()
is not long a function in vue 3

[posva]

You don't need it in Vue 3, only in Vue 2.
Remember to use the forum or the Discord chat to ask questions!