title: Setting nested object property by string path
body: <p>I have 3 select boxes, and I would like them to reset a certain field on select. How can I make it dynamic, so that it is reusable?</p>
  
  <p>Here's an excerpt of my code:</p>
  
  <pre><code>v-on:select="getDate('{{ route('api.v1.get.date') }}', 'input1', ['form.company.input2', 'form.company.input3'], $event)"
  
  getDate(url, obj, obj2, event){
  
       let current = this
  
       current[obj] = ''
       current[obj2[0]] = ''
       current[obj2[1]] = ''
  
  }
  </code></pre>
  
  <p>When <code>obj</code> is at the root level of the Vue instance (i.e., <code>current[obj]</code>), it sets the property correctly; but not when <code>obj</code> is a nested object.</p>