<p dir="auto">Hello, I have this example: <a href="https://jsfiddle.net/rjurado/tq136Lwr/" rel="nofollow">https://jsfiddle.net/rjurado/tq136Lwr/</a></p>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="&lt;textarea id=&quot;textarea&quot; v-pre&gt;
  {{works}}
&lt;/textarea&gt;

&lt;div id=&quot;example&quot;&gt;
  &lt;p v-pre&gt;{{ work }}&lt;/p&gt;
  &lt;textarea v-pre&gt;{{ no wokrs }}&lt;/textarea&gt;
&lt;/div&gt;"><pre class="notranslate"><span class="pl-c1">&lt;</span><span class="pl-ent">textarea</span> <span class="pl-c1">id</span><span class="pl-c1">=</span><span class="pl-s">"textarea"</span> <span class="pl-c1">v-pre</span><span class="pl-c1">&gt;</span>
  <span class="pl-kos">{</span><span class="pl-kos">{</span>works<span class="pl-kos">}</span><span class="pl-kos">}</span>
<span class="pl-c1">&lt;</span><span class="pl-c1">/</span><span class="pl-ent">textarea</span><span class="pl-c1">&gt;</span>

<span class="pl-c1">&lt;</span><span class="pl-s1">div</span> <span class="pl-s1">id</span><span class="pl-c1">=</span><span class="pl-s">"example"</span><span class="pl-c1">&gt;</span>
  <span class="pl-c1">&lt;</span><span class="pl-ent">p</span> <span class="pl-c1">v-pre</span><span class="pl-c1">&gt;</span><span class="pl-kos">{</span><span class="pl-kos">{</span> work <span class="pl-kos">}</span><span class="pl-kos">}</span><span class="pl-c1">&lt;</span><span class="pl-c1">/</span><span class="pl-ent">p</span><span class="pl-c1">&gt;</span>
  <span class="pl-c1">&lt;</span><span class="pl-s1">textarea</span> <span class="pl-s1">v</span><span class="pl-c1">-</span><span class="pl-s1">pre</span><span class="pl-c1">&gt;</span><span class="pl-kos">{</span><span class="pl-kos">{</span> <span class="pl-s1">no</span> wokrs <span class="pl-kos">}</span><span class="pl-kos">}</span><span class="pl-c1">&lt;</span><span class="pl-pds"><span class="pl-c1">/</span>textarea&gt;</span>
<span class="pl-pds"><span class="pl-c1">&lt;</span><span class="pl-c1">/</span>div</span><span class="pl-c1">&gt;</span></pre></div>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="new Vue({ el: '#textarea' });
new Vue({ el: '#example' });"><pre class="notranslate"><code class="notranslate">new Vue({ el: '#textarea' });
new Vue({ el: '#example' });
</code></pre></div>
<p dir="auto">Why second textarea show empty?<br>
If you inspect it you can see this:</p>
<div class="highlight highlight-text-html-basic notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="&lt;textarea :value=&quot;no wokrs&quot;&gt;{{ no wokrs }}&lt;/textarea&gt;"><pre class="notranslate"><span class="pl-kos">&lt;</span><span class="pl-ent">textarea</span> <span class="pl-c1">:value</span>="<span class="pl-s">no wokrs</span>"<span class="pl-kos">&gt;</span>{{ no wokrs }}<span class="pl-kos">&lt;/</span><span class="pl-ent">textarea</span><span class="pl-kos">&gt;</span></pre></div>
<h3 dir="auto">Vue.js version</h3>
<p dir="auto">1.0.26</p>
<h3 dir="auto">Reproduction Link</h3>
<p dir="auto"><a href="https://jsfiddle.net/simplesmiler/Lrk9sxjf/102/" rel="nofollow">https://jsfiddle.net/simplesmiler/Lrk9sxjf/102/</a></p>
<h3 dir="auto">What is Expected?</h3>
<p dir="auto">Both textareas having text inside them.</p>
<h3 dir="auto">What is actually happening?</h3>
<p dir="auto">First textarea has text. Second textarea is empty, and has literal attribute <code class="notranslate">:value</code>.</p>