<h3 dir="auto">Version</h3>
<p dir="auto">2.5.17</p>
<h3 dir="auto">Reproduction link</h3>
<p dir="auto"><a href="https://codepen.io/AmrIKhudair/pen/YRLEYo" rel="nofollow">https://codepen.io/AmrIKhudair/pen/YRLEYo</a></p>
<h3 dir="auto">Steps to reproduce</h3>
<p dir="auto">1- open the minimal reproduction<br>
2- Type something (notice that the first time you focus the last input a new input appears)<br>
3- delete one of the todos (other than the last one)<br>
4- Focus the last one again (now a new todo is not created)</p>
<h3 dir="auto">What is expected?</h3>
<p dir="auto">A new todo is created</p>
<h3 dir="auto">What is actually happening?</h3>
<p dir="auto">A new todo isn't created</p>
<hr>
<p dir="auto">I think it has something to do with reusing dom elements for improving performance</p>
<p dir="auto">I have an existing project that is using Vue 0.12.16 and recently migrated the code over to Vue 1.0.7.</p>
<p dir="auto">The project went from a startup time of 0.7s to 6.8s with the change of <code class="notranslate">&lt;select v-model="item.value" options="dropdownChoices"&gt;&lt;/select&gt;</code> to <code class="notranslate">&lt;select v-model="item.value"&gt;&lt;option v-for="opt in dropdownChoices" value="{{* opt.value }}"&gt;{{* opt.text }}&lt;/option&gt;&lt;/select&gt;</code></p>
<p dir="auto">The cause of the dramatic increase in time comes from the additional fragments and directives that are created by the removal of the options= parameter.</p>
<p dir="auto">The application in question contains a very large list of items that each have an associated select dropdown. The dropdown choices are identical for list each item, but the items are often updated based on another area of the application.</p>
<p dir="auto">I attempted to create a new directive that created the option items the way the old item had, but ran into the problem of being unable to signal to v-model that it needed to update which item was selected, and I did not have access to the value that it was watching.</p>
<p dir="auto">Please add the v-model select 'options' parameter back, as it is a very large performance gain when working with a large number of items.</p>
<p dir="auto">Vue 1.0.7 method: <a href="https://jsfiddle.net/mc33346o/" rel="nofollow">https://jsfiddle.net/mc33346o/</a><br>
Vue 0.12.16 method: <a href="https://jsfiddle.net/s7pwqkjn/" rel="nofollow">https://jsfiddle.net/s7pwqkjn/</a></p>