Adding to vuex store not reactive

I have this code i am using to receive data from my form

addProperty: function() {
				var optionAxios = {
                headers: {
                'Content-Type': 'application/x-www-form-urlencoded'
                }
                };
                axios.post('https://example.com/users/create_property', {
						country: this.country,
						name: this.name,
						stars: this.stars,
						city: this.city,
						region: this.region,
						ptype: this.ptype,
						pdatecreated: this.pdatecreated,
						pdateupdated: this.pdateupdated,
						pcreator: this.pcreator
                },optionAxios)
				.then( (response) => {
				this.$store.commit('CRUD_CREATE_PROPERTY', response);
				})
                .catch(function (error) {
                   console.log(error);
                });

			this.country = '',
			this.name = '',
			this.stars = '',
			this.city = '',
			this.region = '',
			this.ptype = '',
			this.pdatecreated = '',
			this.pdateupdated = '',
			this.pcreator = ''
    }

This is my mutation in the store

    CRUD_CREATE_PROPERTY: (state, response) => { 
		console.log(response);	
		state.properties.push(response)
    },

This code is not adding to the vuex store. What could be the problem?

I’m assuming you’re using Vue 2?

If so - reactivity doesn’t work like that in Vue 2. Try using $set:

I solved it by forcing reactivity by giving my component a key. However, i am terribly curious on how set would actually do it.