{"action":"created","issue":{"url":"https://api.github.com/repos/vuejs/vue/issues/3530","repository_url":"https://api.github.com/repos/vuejs/vue","labels_url":"https://api.github.com/repos/vuejs/vue/issues/3530/labels{/name}","comments_url":"https://api.github.com/repos/vuejs/vue/issues/3530/comments","events_url":"https://api.github.com/repos/vuejs/vue/issues/3530/events","html_url":"https://github.com/vuejs/vue/issues/3530","id":173274929,"number":3530,"title":"Using With Large Forms","user":{"login":"shakee93","id":14835725,"avatar_url":"https://avatars.githubusercontent.com/u/14835725?v=3","gravatar_id":"","url":"https://api.github.com/users/shakee93","html_url":"https://github.com/shakee93","followers_url":"https://api.github.com/users/shakee93/followers","following_url":"https://api.github.com/users/shakee93/following{/other_user}","gists_url":"https://api.github.com/users/shakee93/gists{/gist_id}","starred_url":"https://api.github.com/users/shakee93/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/shakee93/subscriptions","organizations_url":"https://api.github.com/users/shakee93/orgs","repos_url":"https://api.github.com/users/shakee93/repos","events_url":"https://api.github.com/users/shakee93/events{/privacy}","received_events_url":"https://api.github.com/users/shakee93/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":13,"created_at":"2016-08-25T18:21:29Z","updated_at":"2016-08-26T03:59:15Z","closed_at":"2016-08-26T01:13:34Z","body":"I have a huge form with 20+ fields. i feel so much redundancy on the code i write now. What is the best way ?\r\n\r\n\r\n    <script>\r\n    new Vue({\r\n     \tdata : {\r\n    \t\tuser : {\r\n    \t\t\tfirst_name : \"\",\r\n    \t\t\tlast_name : \"\",\r\n    \t\t\tusername : \"\",\r\n    \t\t\tand 20+.........\r\n    \t\t}\r\n    \t}\r\n    });\r\n    </script>\r\n    \r\n    <form>\r\n    \t<input name=\"first_name\" v-model=\"user.first_name\">\r\n    \t<input name=\"last_name\" v-model=.user.last_name\">\r\n    \t<input name=\"username\" v-model=.user.username\">\r\n    \tand 20+......... input fields\r\n    </form>\r\n\r\n\r\ni feel something like this would be nice. the user object will be created dynamically.. is this possible ?\r\n\r\n\r\n    <script>\r\n    new Vue({\r\n     \tdata : {\r\n    \t\tuser :  Object\r\n    \t}\r\n    });\r\n    </script>\r\n    \r\n    <form v-model=\"user\">\r\n    \t<input name=\"first_name\">\r\n    \t<input name=\"last_name\">\r\n    \t<input name=\"username\">\r\n    \tand 20+......... input fields\r\n    </form>\r\n\r\n\r\nIs this possible ? i have to define each repeatedly in data object and in the form.  it would be nice if we can achieve it something similar or simpler than that..\r\n"},"comment":{"url":"https://api.github.com/repos/vuejs/vue/issues/comments/242624147","html_url":"https://github.com/vuejs/vue/issues/3530#issuecomment-242624147","issue_url":"https://api.github.com/repos/vuejs/vue/issues/3530","id":242624147,"user":{"login":"fnlctrl","id":5557143,"avatar_url":"https://avatars.githubusercontent.com/u/5557143?v=3","gravatar_id":"","url":"https://api.github.com/users/fnlctrl","html_url":"https://github.com/fnlctrl","followers_url":"https://api.github.com/users/fnlctrl/followers","following_url":"https://api.github.com/users/fnlctrl/following{/other_user}","gists_url":"https://api.github.com/users/fnlctrl/gists{/gist_id}","starred_url":"https://api.github.com/users/fnlctrl/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/fnlctrl/subscriptions","organizations_url":"https://api.github.com/users/fnlctrl/orgs","repos_url":"https://api.github.com/users/fnlctrl/repos","events_url":"https://api.github.com/users/fnlctrl/events{/privacy}","received_events_url":"https://api.github.com/users/fnlctrl/received_events","type":"User","site_admin":false},"created_at":"2016-08-26T03:59:15Z","updated_at":"2016-08-26T03:59:15Z","body":"This is a non issue because you can already solve it easily enough with v-for.\r\nAnd as Evan said `This is a userland problem since it's achievable via components.`"}}
{"actor":{"display_login":"fnlctrl"}}