Vue Watch not triggering : <p>Trying to use vue watch methods but it doesn't seem to trigger for some objects even with <code>deep:true</code>.</p>

<p>In my component, I recieve an array as a prop that are the fields to create
the following forms.
I can build the forms and dynamicly bind them to an object called <code>crudModelCreate</code> and everything works fine (i see in vue dev tools and even submiting the form works according to plan)</p>

<p>But I have a problem trying to watch the changes in that dynamic object.</p>

<pre><code>  &lt;md-input v-for="(field, rowIndex) in fields" :key="field.id" v-model="crudModelCreate[field.name]" maxlength="250"&gt;&lt;/md-input&gt;

   ...

   data() {
      return {
         state: 1, // This gets changed somewhere in the middle and changes fine
         crudModelCreate: {},
      }
   },
   ...
   watch: {
        'state': {
            handler: function(val, oldVal) {
                this.$emit("changedState", this.state);
                // this works fine
            },
        },
        'crudModelCreate': {
            handler: function(val, oldVal) {
                console.log("beep1")
                this.$emit("updatedCreate", this.crudModelCreate);
                // This doesn't work
            },
            deep: true,
            immediate: true
        },
    }
</code></pre>
