title: Use @input or @change on input with value of computed property
body: <p>I am trying to set up a component which passes a computed property back to the parent via a v-model.<br />
  This is explained, using the direct value of an input rather than a computed property, in the docs at <a href="https://v2.vuejs.org/v2/guide/components.html#_carbonads_projs" rel="nofollow noreferrer">https://v2.vuejs.org/v2/guide/components.html#_carbonads_projs</a></p>
  <p>So far, I've got the basic functionality working as per the docs, but I want to now set the value of the input which emits the event / sends data to the parent to be that of a computed property.  I can set the value to the computed property this no problem, but the event is never triggered (looking in vue dev tools)</p>
  <p>The below works, emitting an event with whatever was typed in the input, and updating the relevant data on the parent</p>
  <pre><code>&lt;input type=&quot;text&quot; v-bind:value=&quot;value&quot; v-on:change=&quot;$emit('input', $event.target.value)&quot;&gt;
  
  //parent call to component
  &lt;time-picker v-model=&quot;parentData&quot;&gt;&lt;/time-picker&gt;
  </code></pre>
  <p>If I set up like this however, and cause a change in the computedProp by changing some other input, no event is fired, though I see the value of the input change. (I've also tried calling a custom method instead of emitting the event, but the method doesn't run either)</p>
  <pre><code>&lt;input type=&quot;text&quot; v-bind:value=&quot;computedProp&quot; v-on:change=&quot;$emit('input', $event.target.computedProp)&quot;&gt;
  </code></pre>
  <p>I've also tried using v-model rather than v-bind:value, but still no event</p>
  <pre><code>&lt;input type=&quot;text&quot; v-model=&quot;computedProp&quot; v-on:change=&quot;$emit('input', $event.target.value)&quot;&gt;
  </code></pre>
  <p>However if I type directly in the input which has <code>v-bind:value=&quot;computedProp&quot;</code>, an event is emitted (albeit without the correct data)</p>
  <p>This makes me suspect that @input and @change aren't firing when the computed property updates, even though this causes a change in the value of said input.  Is there an alternative to @change or @input that I should be using to monitor a computed property?</p>
  <p>Ideally I don't want to have to emit an event in the child and manually catch it and assign the data in the parent, as the component will be used multiple times in the same parent and it will be far more convenient to use v-model directly on each instance.</p>
  <p>Alternatively, am I barking totally up the wrong tree, and is there another / better way to pass a computed property to the v-model specified when the component is called?</p>
  <p>Many thanks :)</p>