<div class="highlight highlight-text-html-basic notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="&lt;div class=&quot;cell&quot; @click=&quot;linkTo&quot;&gt;
  &lt;div class=&quot;cell-wrapper&quot;&gt;
    &lt;div class=&quot;cell-title&quot;&gt;
      &lt;slot&gt;&lt;slot&gt;
    &lt;/div&gt;
    &lt;div class=&quot;cell-link&quot; v-if=&quot;isLink&quot;&gt;
      &lt;i class=&quot;iconfont&quot;&gt;&lt;i&gt;
    &lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;"><pre class="notranslate"><span class="pl-kos">&lt;</span><span class="pl-ent">div</span> <span class="pl-c1">class</span>="<span class="pl-s">cell</span>" <span class="pl-c1">@click</span>="<span class="pl-s">linkTo</span>"<span class="pl-kos">&gt;</span>
  <span class="pl-kos">&lt;</span><span class="pl-ent">div</span> <span class="pl-c1">class</span>="<span class="pl-s">cell-wrapper</span>"<span class="pl-kos">&gt;</span>
    <span class="pl-kos">&lt;</span><span class="pl-ent">div</span> <span class="pl-c1">class</span>="<span class="pl-s">cell-title</span>"<span class="pl-kos">&gt;</span>
      <span class="pl-kos">&lt;</span><span class="pl-ent">slot</span><span class="pl-kos">&gt;</span><span class="pl-kos">&lt;</span><span class="pl-ent">slot</span><span class="pl-kos">&gt;</span>
    <span class="pl-kos">&lt;/</span><span class="pl-ent">div</span><span class="pl-kos">&gt;</span>
    <span class="pl-kos">&lt;</span><span class="pl-ent">div</span> <span class="pl-c1">class</span>="<span class="pl-s">cell-link</span>" <span class="pl-c1">v-if</span>="<span class="pl-s">isLink</span>"<span class="pl-kos">&gt;</span>
      <span class="pl-kos">&lt;</span><span class="pl-ent">i</span> <span class="pl-c1">class</span>="<span class="pl-s">iconfont</span>"<span class="pl-kos">&gt;</span><span class="pl-kos">&lt;</span><span class="pl-ent">i</span><span class="pl-kos">&gt;</span>
    <span class="pl-kos">&lt;/</span><span class="pl-ent">div</span><span class="pl-kos">&gt;</span>
  <span class="pl-kos">&lt;/</span><span class="pl-ent">div</span><span class="pl-kos">&gt;</span>
<span class="pl-kos">&lt;/</span><span class="pl-ent">div</span><span class="pl-kos">&gt;</span></pre></div>
<div class="highlight highlight-text-html-basic notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="&lt;vcell&gt;
          &lt;div class=&quot;cell-input&quot;&gt;
            &lt;span&gt;电话：&lt;/span&gt;
            &lt;input type=&quot;text&quot; name=&quot;name&quot; value=&quot;&quot; placeholder=&quot;请填写收货手机号码&quot;&gt;
          &lt;/div&gt;
        &lt;/vcell&gt;"><pre class="notranslate"><span class="pl-kos">&lt;</span><span class="pl-ent">vcell</span><span class="pl-kos">&gt;</span>
          <span class="pl-kos">&lt;</span><span class="pl-ent">div</span> <span class="pl-c1">class</span>="<span class="pl-s">cell-input</span>"<span class="pl-kos">&gt;</span>
            <span class="pl-kos">&lt;</span><span class="pl-ent">span</span><span class="pl-kos">&gt;</span>电话：<span class="pl-kos">&lt;/</span><span class="pl-ent">span</span><span class="pl-kos">&gt;</span>
            <span class="pl-kos">&lt;</span><span class="pl-ent">input</span> <span class="pl-c1">type</span>="<span class="pl-s">text</span>" <span class="pl-c1">name</span>="<span class="pl-s">name</span>" <span class="pl-c1">value</span>="" <span class="pl-c1">placeholder</span>="<span class="pl-s">请填写收货手机号码</span>"<span class="pl-kos">&gt;</span>
          <span class="pl-kos">&lt;/</span><span class="pl-ent">div</span><span class="pl-kos">&gt;</span>
        <span class="pl-kos">&lt;/</span><span class="pl-ent">vcell</span><span class="pl-kos">&gt;</span></pre></div>
<h3 dir="auto">Vue.js version</h3>
<p dir="auto">2.0.8</p>
<h3 dir="auto">Version</h3>
<p dir="auto">2.4.2</p>
<h3 dir="auto">Reproduction link</h3>
<p dir="auto"><a href="https://jsfiddle.net/5k4ptmqg/89/" rel="nofollow">https://jsfiddle.net/5k4ptmqg/89/</a></p>
<h3 dir="auto">Steps to reproduce</h3>
<p dir="auto">In a component render function, return an element that contains a slot directly followed by raw text.</p>
<h3 dir="auto">What is expected?</h3>
<p dir="auto">New content completely replaces the old content on re-render.</p>
<h3 dir="auto">What is actually happening?</h3>
<p dir="auto">New content is appended to the old content on re-render.</p>
<hr>
<p dir="auto">Seems like this was fixed for render functions compiled from templates in <a href="https://github.com/vuejs/vue/releases/tag/v2.1.5">2.1.5</a>.</p>
<p dir="auto">Release notes for that version says:</p>
<blockquote>
<p dir="auto">Small across-the-board performance improvement for render functions compiled from templates. They now skip the normalization of nested children arrays based on information inferred from the templates at compile time.</p>
</blockquote>
<p dir="auto">I couldn't reproduce this in <code class="notranslate">.vue</code> files in a project generated from <code class="notranslate">vue-cli</code> Webpack template. JSX is affected, as can be seen in <a href="https://github.com/skyrpex/vue-jsx-hot-loader/issues/14" data-hovercard-type="issue" data-hovercard-url="/skyrpex/vue-jsx-hot-loader/issues/14/hovercard">this issue</a> and, render functions, as seen in the linked fiddle.</p>