title: Vue js / javascript array of objects - how to detect if any of the objects has been changed and which one
body: <p>I'm working on a Vuejs project. On some point I have an array of objects (data taken from the server) like this:</p>
  
  <pre><code>[
      {
          name: "Book one",
          price: 12,
          active: true
      },
      {
          name: "Small drone X12",
          price: 54,
          active: false
      },
      {
          name: "something else",
          price: 32,
          active: true
      }
  ]
  </code></pre>
  
  <p>The data is used to generate dynamic form on the page so the user can edit the data.
  How can I check if any of the objects has been changed by the user and which one (can be changed one, two or any number of them) so I can show the user a button to update the changed data.
  I'd like to update only the data from the object(s) that actually has been changed - not all of them.</p>