title: In Vue.js Web page does not update when state changes via update in nested objects?
body: <p>In Vue.js, there are methods; Vue.set for adding and Vue.delete for deleting but for 'update' there are no Vue methods, instead you use Object.assign. Actually this is working fine if there are no changes in nested Objects. Is there a function in Vue like update or refresh, because I see state changed in Chrome Vue Extension tab but do not see the change in web page.</p>
  
  <p>Vue view doesn't triggered for updates.</p>
  
  <p>Example: When I added an item to "houses", I can't see the new house on the page, even I can see new item over inspect Vue, state. I can see the new item when I reload the page.</p>
  
  <pre><code>    "clients": {
      "oES4H0IMsYaCvGkSDKLmXkOkgXR2": {
          "CL_937fef22-cee7-4b14-9e4d-4e6751c82dab": {
              "name": "Adina Dowless",
              "email": "adinadowless@test.com",
              "phone": "(547) 515 53 91",
              "houses": {
                  "0": {
                      "name": "sugarless",
                      "uavt": "832677187473",
                      "housePolicyId": "PO_7f12d27f-245b-41a6-92b4-dacb0256ccac",
                      "daskPolicyId": "PO_f5fba094-7272-41f8-a406-f9251df5a37f"
                  },
                  "1": {
                      "name": "intersexualism",
                      "uavt": "931095588844",
                      "housePolicyId": "PO_2d6b79d2-53a0-42f9-8445-df06c3b3bc5a",
                      "daskPolicyId": "PO_79f37178-0714-4c19-aa24-204ea3cf30e7"
                  }
              }
          },
      }
  </code></pre>
  
  <p>Edit: I am using Quasar Framework, Vuex Library &amp; Firabase Realtime Database.</p>
  
  <p>So This clients object in a vuex store and initial data is coming from Firebase Database. </p>
  
  <p>When adding client : <code>Vue.set(state.clients, payload.id, payload.client)</code>
  When deleting client : <code>Vue.delete(state.clients, id)</code>
  When updating  client : <code>Object.assign(state.clients[payload.id], payload.updates)</code></p>
  
  <p>These functions are working properly when adding, deleting or updating clients first level properties like name or email,</p>
  
  <p>When adding a new house into houses, firebase databse child_changed callback for clients is triggered, with all the updated data, but component in web page does not update.</p>