<h3 dir="auto">Version</h3>
<p dir="auto">2.6.10</p>
<h3 dir="auto">Reproduction link</h3>
<p dir="auto"><a href="https://codesandbox.io/s/vue-template-7hwty" rel="nofollow">https://codesandbox.io/s/vue-template-7hwty</a></p>
<h3 dir="auto">Steps to reproduce</h3>
<ol dir="auto">
<li>Create component with render function which can render another component after time.</li>
<li>Rendering component after promise resolution/timeout is causing render twice and change of <code class="notranslate">$attrs</code> if child component has any prop with key equal to attr.</li>
<li>Comment prop in targetComponent and reload page.</li>
<li>All attrs are fine again.</li>
</ol>
<h3 dir="auto">What is expected?</h3>
<p dir="auto">Render function is called once and <code class="notranslate">$attrs</code> of component are not changed.</p>
<h3 dir="auto">What is actually happening?</h3>
<p dir="auto">Render is called twice and <code class="notranslate">attrs</code> which has key same as <code class="notranslate">props</code> of child component are removed.</p>
<hr>
<p dir="auto">I created on my project custom loader component which has to handle loading of lazy loaded components and networking errors, because I can't use <a href="https://vuejs.org/v2/guide/components-dynamic-async.html#Handling-Loading-State" rel="nofollow">https://vuejs.org/v2/guide/components-dynamic-async.html#Handling-Loading-State</a> in my case. This bug can be ommited by not adding downloaded component to reactivity (outside data as variable).</p>
<h3 dir="auto">Version</h3>
<p dir="auto">2.6.10</p>
<h3 dir="auto">Reproduction link</h3>
<p dir="auto"><a href="https://codepen.io/anon/pen/zQVRgG?editors=1010" rel="nofollow">https://codepen.io/anon/pen/zQVRgG?editors=1010</a></p>
<h3 dir="auto">Steps to reproduce</h3>
<p dir="auto">Type something into the first field</p>
<p dir="auto">Uncomment line 8 or 14 then try again</p>
<h3 dir="auto">What is expected?</h3>
<p dir="auto">In console:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="Render a"><pre class="notranslate"><code class="notranslate">Render a
</code></pre></div>
<h3 dir="auto">What is actually happening?</h3>
<p dir="auto">In console:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="Render a
Render b"><pre class="notranslate"><code class="notranslate">Render a
Render b
</code></pre></div>