Real time update between 2 components?
<p>Is it possible to have a realtime update of input fields between two components?</p>

<p>In a component I have an input field which has a v-model="value". I wanna pass that input realtime to the other component and fill it into that input field.</p>

<p>Data of inputValue should be passed to the component 2 as value props. Or maybe I'm wrong with my result?</p>

<p>COMPONENT 1</p>

<pre><code>&lt;template&gt;
    &lt;div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label"&gt;
        &lt;input class="mdl-textfield__input" type="text" id="global-{{element}}" v-model="inputValue"&gt;
        &lt;label class="mdl-textfield__label" for="global-{{element}}"&gt;{{ label }}&lt;/label&gt;
    &lt;/div&gt;
&lt;/template&gt;
</code></pre>

<p>COMPONENT 2</p>

<pre><code>&lt;template&gt;
     &lt;div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label"&gt;
        &lt;input name="items[{{prop1}}][{{element}}]" value="{{value}}" class="mdl-textfield__input"
               type="text" id="{{element}}"&gt;
        &lt;label class="mdl-textfield__label" for="{{element}}"&gt;{{ label }}&lt;/label&gt;
    &lt;/div&gt;
&lt;/template&gt;

&lt;script&gt;
    export default{
        props: ['prop1', 'element', 'value', 'label']
     }
 &lt;/script&gt;
</code></pre>

<p>I tried with ...</p>

<pre><code>this.$dispatch('tag-update', this.inputValue);
</code></pre>

<p>... but I need an @keyup.xx. But that's not what I want. I want it to update as soon as I pressed and released a letter, number etc.</p>