title: How do I change the value of a textarea when using a reuseable component?
body: <p>I need to change the text within a specific component's textarea when requirements are met from entering text into a different components textarea. I've tried to create a simple example to show the issue. my main issue is targeting the correct component and editing its text that shows up dynamically. </p>
  
  <p>Parent Component</p>
  
  <pre><code>&lt;template&gt;
      &lt;reuseableComponent 
          input-type="textarea" v-model="Example1"&gt;
      &lt;/reuseableComponent&gt;
      &lt;reuseableComponent 
          input-type="textarea" v-model="Example2"&gt;
      &lt;/reuseableComponent&gt;
  &lt;template&gt;
  </code></pre>
  
  <p>Reuseable Component</p>
  
  <pre><code>&lt;textarea
      v-model='taValue' @input='$emit("input", taValue)'&gt;
  &lt;/textarea&gt;
  
  exampleMethod() {
      if(value) {
          //change text in Example2 textarea instance.
      }
  }
  </code></pre>