{"action":"closed","issue":{"url":"https://api.github.com/repos/vuejs/vue/issues/2786","repository_url":"https://api.github.com/repos/vuejs/vue","labels_url":"https://api.github.com/repos/vuejs/vue/issues/2786/labels{/name}","comments_url":"https://api.github.com/repos/vuejs/vue/issues/2786/comments","events_url":"https://api.github.com/repos/vuejs/vue/issues/2786/events","html_url":"https://github.com/vuejs/vue/issues/2786","id":152190437,"number":2786,"title":"the position of \"v-for\" is different in template and option","user":{"login":"elover","id":4330913,"avatar_url":"https://avatars.githubusercontent.com/u/4330913?v=3","gravatar_id":"","url":"https://api.github.com/users/elover","html_url":"https://github.com/elover","followers_url":"https://api.github.com/users/elover/followers","following_url":"https://api.github.com/users/elover/following{/other_user}","gists_url":"https://api.github.com/users/elover/gists{/gist_id}","starred_url":"https://api.github.com/users/elover/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/elover/subscriptions","organizations_url":"https://api.github.com/users/elover/orgs","repos_url":"https://api.github.com/users/elover/repos","events_url":"https://api.github.com/users/elover/events{/privacy}","received_events_url":"https://api.github.com/users/elover/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":2,"created_at":"2016-05-01T09:23:52Z","updated_at":"2016-05-01T14:46:01Z","closed_at":"2016-05-01T14:46:01Z","body":"here is  code  [https://jsfiddle.net/nansir/2wmwL0sj/](https://jsfiddle.net/nansir/2wmwL0sj/)\r\n\r\n```html\r\n<div id=\"demo\">\r\n  <select v-model=\"selected\">\r\n  <template v-for=\"option in options\">\r\n    <option  value={{option.value}}>\r\n    {{ option.text }}\r\n  </option>\r\n  </template>\r\n</select>\r\n<span>Selected: {{ selected }}</span>\r\n<br>\r\n<select v-model=\"selected2\">\r\n    <option v-for=\"option in options2\" value={{option.value}}>\r\n    {{ option.text }}\r\n  </option>\r\n</select>\r\n<span>Selected: {{ selected2 }}</span>\r\n</div>\r\n````\r\n```js\r\nnew Vue({\r\n  el: '#demo',\r\n  data: {\r\n    selected: '',\r\n    options: [\r\n    ],\r\n    selected2: '',\r\n    options2: [   \r\n    ]\r\n  },\r\n  ready:function(){\r\n  this.selected = 'B'\r\n\tsetTimeout(()=>{\r\n\tthis.options = [{ text: 'One', value: 'A' },\r\n      { text: 'Two', value: 'B' },\r\n      { text: 'Three', value: 'C' }]\r\n  },10);\r\n  \r\n  this.selected2 = 'B'\r\n\tsetTimeout(()=>{\r\n\tthis.options2 = [{ text: 'One', value: 'A' },\r\n      { text: 'Two', value: 'B' },\r\n      { text: 'Three', value: 'C' }]\r\n  },10)\r\n  }\r\n})\r\n```\r\n![cbce4d1c-7587-455c-a4c5-4e5355717544](https://cloud.githubusercontent.com/assets/4330913/14941031/89bcb60a-0fc0-11e6-9f63-250d69dd75c9.png)"}}