• Home
  • Recent Q&A
  • Java
  • Cloud
  • JavaScript
  • Python
  • SQL
  • PHP
  • HTML
  • C++
  • Data Science
  • DBMS
  • Devops
  • Hadoop
  • Machine Learning
in Vue.JS by
Q:

What are the caveats of object changes detection?

1 Answer

0 votes
by

Vue cannot detect changes for the object in property addition or deletion., Lets take an example of user data changes,

var vm = new Vue({
  data: {
    user: {
      name: 'John'
    }
  }
})

// `vm.name` is now reactive

vm.email = [email protected]email.com // `vm.email` is NOT reactive

You can overcome this scenario using the Vue.set(object, key, value) method or Object.assign(),

Vue.set(vm.user, 'email', [email protected]email.com);
(or)
vm.user = Object.assign({}, vm.user, {
  email: [email protected]email.com
})

Related questions

0 votes
asked Oct 21, 2019 in Vue.JS by Tate
0 votes
asked Oct 7, 2019 in Vue.JS by Tate
...