{"action":"created","issue":{"url":"https://api.github.com/repos/vuejs/vue/issues/2000","repository_url":"https://api.github.com/repos/vuejs/vue","labels_url":"https://api.github.com/repos/vuejs/vue/issues/2000/labels{/name}","comments_url":"https://api.github.com/repos/vuejs/vue/issues/2000/comments","events_url":"https://api.github.com/repos/vuejs/vue/issues/2000/events","html_url":"https://github.com/vuejs/vue/issues/2000","id":121438262,"node_id":"MDU6SXNzdWUxMjE0MzgyNjI=","number":2000,"title":"v-for performance issue","user":{"login":"petersn-github","id":12647045,"node_id":"MDQ6VXNlcjEyNjQ3MDQ1","avatar_url":"https://avatars2.githubusercontent.com/u/12647045?v=4","gravatar_id":"","url":"https://api.github.com/users/petersn-github","html_url":"https://github.com/petersn-github","followers_url":"https://api.github.com/users/petersn-github/followers","following_url":"https://api.github.com/users/petersn-github/following{/other_user}","gists_url":"https://api.github.com/users/petersn-github/gists{/gist_id}","starred_url":"https://api.github.com/users/petersn-github/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/petersn-github/subscriptions","organizations_url":"https://api.github.com/users/petersn-github/orgs","repos_url":"https://api.github.com/users/petersn-github/repos","events_url":"https://api.github.com/users/petersn-github/events{/privacy}","received_events_url":"https://api.github.com/users/petersn-github/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":21,"created_at":"2015-12-10T09:28:34Z","updated_at":"2018-06-04T23:36:57Z","closed_at":"2015-12-10T15:29:06Z","author_association":"NONE","body":"hi, I have a table with a 300 row *60 column, using V-for's rendering is very slow, how to improve efficiency?\n"},"comment":{"url":"https://api.github.com/repos/vuejs/vue/issues/comments/394533539","html_url":"https://github.com/vuejs/vue/issues/2000#issuecomment-394533539","issue_url":"https://api.github.com/repos/vuejs/vue/issues/2000","id":394533539,"node_id":"MDEyOklzc3VlQ29tbWVudDM5NDUzMzUzOQ==","user":{"login":"Soletiq","id":11084096,"node_id":"MDQ6VXNlcjExMDg0MDk2","avatar_url":"https://avatars1.githubusercontent.com/u/11084096?v=4","gravatar_id":"","url":"https://api.github.com/users/Soletiq","html_url":"https://github.com/Soletiq","followers_url":"https://api.github.com/users/Soletiq/followers","following_url":"https://api.github.com/users/Soletiq/following{/other_user}","gists_url":"https://api.github.com/users/Soletiq/gists{/gist_id}","starred_url":"https://api.github.com/users/Soletiq/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Soletiq/subscriptions","organizations_url":"https://api.github.com/users/Soletiq/orgs","repos_url":"https://api.github.com/users/Soletiq/repos","events_url":"https://api.github.com/users/Soletiq/events{/privacy}","received_events_url":"https://api.github.com/users/Soletiq/received_events","type":"User","site_admin":false},"created_at":"2018-06-04T23:36:57Z","updated_at":"2018-06-04T23:36:57Z","author_association":"NONE","body":"Its not an extremely simple table. It has 7 columns that use v-if / else elements and a few number conversions.\r\n\r\nAn equally significant problem when using v-for is when you scroll the bottom (to load more rows), it takes more time each batch to insert the rows into the table since it has to handle an increasing amount of rows. So when you get to a few hundred rows it can actually take 3+ seconds for it to insert the next batch.\r\n\r\n> @Soletiq have you seen https://github.com/Akryum/vue-virtual-scroller ?\r\n\r\nI will try this, thank you."}}
{"actor":{"display_login":"Soletiq"}}