{"action":"created","issue":{"url":"https://api.github.com/repos/vuejs/vue/issues/4361","repository_url":"https://api.github.com/repos/vuejs/vue","labels_url":"https://api.github.com/repos/vuejs/vue/issues/4361/labels{/name}","comments_url":"https://api.github.com/repos/vuejs/vue/issues/4361/comments","events_url":"https://api.github.com/repos/vuejs/vue/issues/4361/events","html_url":"https://github.com/vuejs/vue/issues/4361","id":192925425,"number":4361,"title":"Feature Request: keep-alive component transition mode directive","user":{"login":"mendieta","id":245195,"avatar_url":"https://avatars.githubusercontent.com/u/245195?v=3","gravatar_id":"","url":"https://api.github.com/users/mendieta","html_url":"https://github.com/mendieta","followers_url":"https://api.github.com/users/mendieta/followers","following_url":"https://api.github.com/users/mendieta/following{/other_user}","gists_url":"https://api.github.com/users/mendieta/gists{/gist_id}","starred_url":"https://api.github.com/users/mendieta/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mendieta/subscriptions","organizations_url":"https://api.github.com/users/mendieta/orgs","repos_url":"https://api.github.com/users/mendieta/repos","events_url":"https://api.github.com/users/mendieta/events{/privacy}","received_events_url":"https://api.github.com/users/mendieta/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":2,"created_at":"2016-12-01T18:29:07Z","updated_at":"2016-12-01T19:19:35Z","closed_at":"2016-12-01T18:38:24Z","body":"<!--\r\n中文用户请注意：\r\n\r\n1. issue 只接受带重现的 bug 报告，请不要用来提问题！不符合要求的 issue 会被直接关闭。\r\n2. 请尽量用英文描述你的 issue，这样能够让尽可能多的人帮到你。\r\n\r\nGot a question?\r\n===============\r\nThe issue list of this repo is **exclusively** for bug reports and feature requests. For simple questions, please use the following resources:\r\n\r\n- Read the docs: https://vuejs.org/guide/\r\n- Watch video tutorials: https://laracasts.com/series/learning-vue-step-by-step\r\n- Ask in the Gitter chat room: https://gitter.im/vuejs/vue\r\n- Ask on the forums: http://forum.vuejs.org/\r\n- Look for/ask questions on stack overflow: https://stackoverflow.com/questions/ask?tags=vue.js\r\n\r\nReporting a bug?\r\n================\r\n- Try to search for your issue, it may have already been answered or even fixed in the development branch.\r\n\r\n- Check if the issue is reproducible with the latest stable version of Vue. If you are using a pre-release, please indicate the specific version you are using.\r\n\r\n- It is **required** that you clearly describe the steps necessary to reproduce the issue you are running into. Issues with no clear repro steps will not be triaged. If an issue labeled \"need repro\" receives no further input from the issue author for more than 5 days, it will be closed.\r\n\r\n- It is recommended that you make a JSFiddle/JSBin/Codepen to demonstrate your issue. You could start with [this template](http://jsfiddle.net/5sH6A/) that already includes the latest version of Vue.\r\n\r\n- For bugs that involves build setups, you can create a reproduction repository with steps in the README.\r\n\r\n- If your issue is resolved but still open, don’t hesitate to close it. In case you found a solution by yourself, it could be helpful to explain how you fixed it.\r\n\r\nHave a feature request?\r\n=======================\r\nRemove the template from below and provide thoughtful commentary *and code samples* on what this feature means for your product. What will it allow you to do that you can't do today? How will it make current work-arounds straightforward? What potential bugs and edge cases does it help to avoid? etc. Please keep it product-centric.\r\n-->\r\n\r\nHello everyone\r\n\r\nI think a pretty useful feature of Vue 1.X was the ability to have transition mode between components with different transitions, especially useful with vue-router. And extremely useful on sites that rely on transitions.\r\n\r\nAs an example of what im saying is this jsfiddle: http://jsfiddle.net/Mendieta/fb215702/\r\n\r\nThat was achieved using \r\n\r\n`<router-view keep-alive transition-mode=\"out-in\"></router-view>`\r\n\r\nWith Vue 2.X , now keep alive is a component and there is no way to achieved the example above. So i figure it would be useful for the keep alive component to have a transition mode directive to use in such cases.\r\n\r\n`<keep-alive transition-mode=\"out-in\"></keep-alive>`\r\n\r\nor maybe a transition shallow/wrapper component. If you do not declare a name for the transition and only the mode it will orchestrate the transitions on the child components.\r\n\r\n`<transition mode=\"out-in\"></transition>`\r\n\r\nI place the feature request here, as i think it is more related to the keep alive component  rather than the vue-router.\r\n\r\nIf i missed something out, please let me now.\r\n\r\n\r\n"},"comment":{"url":"https://api.github.com/repos/vuejs/vue/issues/comments/264266701","html_url":"https://github.com/vuejs/vue/issues/4361#issuecomment-264266701","issue_url":"https://api.github.com/repos/vuejs/vue/issues/4361","id":264266701,"user":{"login":"mendieta","id":245195,"avatar_url":"https://avatars.githubusercontent.com/u/245195?v=3","gravatar_id":"","url":"https://api.github.com/users/mendieta","html_url":"https://github.com/mendieta","followers_url":"https://api.github.com/users/mendieta/followers","following_url":"https://api.github.com/users/mendieta/following{/other_user}","gists_url":"https://api.github.com/users/mendieta/gists{/gist_id}","starred_url":"https://api.github.com/users/mendieta/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mendieta/subscriptions","organizations_url":"https://api.github.com/users/mendieta/orgs","repos_url":"https://api.github.com/users/mendieta/repos","events_url":"https://api.github.com/users/mendieta/events{/privacy}","received_events_url":"https://api.github.com/users/mendieta/received_events","type":"User","site_admin":false},"created_at":"2016-12-01T19:19:35Z","updated_at":"2016-12-01T19:19:35Z","body":"hi, my understanding and tests are that it is supported only if the transition component contains a keep-alive component that contains dynamic components, all of which will use the same transition.\r\n\r\nMy request was in the use case where each component contains a different transition."}}
{"actor":{"display_login":"mendieta"}}