{"action":"created","issue":{"url":"https://api.github.com/repos/vuejs/vue/issues/5874","repository_url":"https://api.github.com/repos/vuejs/vue","labels_url":"https://api.github.com/repos/vuejs/vue/issues/5874/labels{/name}","comments_url":"https://api.github.com/repos/vuejs/vue/issues/5874/comments","events_url":"https://api.github.com/repos/vuejs/vue/issues/5874/events","html_url":"https://github.com/vuejs/vue/issues/5874","id":235486093,"number":5874,"title":"support transition classes as they are normal classes","user":{"login":"SeregPie","id":1217953,"avatar_url":"https://avatars3.githubusercontent.com/u/1217953?v=3","gravatar_id":"","url":"https://api.github.com/users/SeregPie","html_url":"https://github.com/SeregPie","followers_url":"https://api.github.com/users/SeregPie/followers","following_url":"https://api.github.com/users/SeregPie/following{/other_user}","gists_url":"https://api.github.com/users/SeregPie/gists{/gist_id}","starred_url":"https://api.github.com/users/SeregPie/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/SeregPie/subscriptions","organizations_url":"https://api.github.com/users/SeregPie/orgs","repos_url":"https://api.github.com/users/SeregPie/repos","events_url":"https://api.github.com/users/SeregPie/events{/privacy}","received_events_url":"https://api.github.com/users/SeregPie/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":1,"created_at":"2017-06-13T09:09:46Z","updated_at":"2017-06-13T09:25:16Z","closed_at":null,"body":"### What problem does this feature solve?\r\nFor now you are stuck with one computed class. It would make code cleaner, if transition class syntax were as powerful as normal class syntax.\r\nI mean array syntax, object syntax, direct javascript and a mix of binded and static classes.\r\n\r\n### What does the proposed API look like?\r\n```html\r\n\r\n<transition\r\n    leave-active-class=\"animated\"\r\n    enter-active-class=\"animated\"\r\n    :leave-active-class=\"currentIndex > previousIndex ? 'fadeOutLeft' : 'fadeOutRight'\"\r\n    :enter-active-class=\"currentIndex > previousIndex ? 'fadeInRight' : 'fadeInLeft'\"\r\n>\r\n    <component\r\n        :is=\"views[currentIndex].component\"\r\n        :key=\"views[currentIndex].key\"\r\n        v-bind=\"views[currentIndex].props\"\r\n    ></component>\r\n</transition>\r\n\r\n```\r\n\r\n<!-- generated by vue-issues. DO NOT REMOVE -->"},"comment":{"url":"https://api.github.com/repos/vuejs/vue/issues/comments/308059217","html_url":"https://github.com/vuejs/vue/issues/5874#issuecomment-308059217","issue_url":"https://api.github.com/repos/vuejs/vue/issues/5874","id":308059217,"user":{"login":"SeregPie","id":1217953,"avatar_url":"https://avatars3.githubusercontent.com/u/1217953?v=3","gravatar_id":"","url":"https://api.github.com/users/SeregPie","html_url":"https://github.com/SeregPie","followers_url":"https://api.github.com/users/SeregPie/followers","following_url":"https://api.github.com/users/SeregPie/following{/other_user}","gists_url":"https://api.github.com/users/SeregPie/gists{/gist_id}","starred_url":"https://api.github.com/users/SeregPie/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/SeregPie/subscriptions","organizations_url":"https://api.github.com/users/SeregPie/orgs","repos_url":"https://api.github.com/users/SeregPie/repos","events_url":"https://api.github.com/users/SeregPie/events{/privacy}","received_events_url":"https://api.github.com/users/SeregPie/received_events","type":"User","site_admin":false},"created_at":"2017-06-13T09:25:16Z","updated_at":"2017-06-13T09:25:16Z","body":"As you see in example, sometimes you need to append two classes: `animated` and `fadeOut`.\r\n\r\nIn UIkit for example, you need to append an class  `uk-animation-reverse` to  reverse the animation.\r\n\r\nIf you want swap multiple components, you will need to append a class to a leaving or an entering component to make him position absolute over another component during the animation."}}
{"actor":{"display_login":"SeregPie"}}