added a note about dynamic transitions

KangYoosam · Mar 24, 2016 · 4c1a61b · 4c1a61b
1 parent 4de8f46
commit 4c1a61b
Showing 1 changed file with 12 additions and 2 deletions.
diff --git a/src/guide/transitions.md b/src/guide/transitions.md
@@ -61,12 +61,22 @@ Vue.js のトランジション (Transition) システムを使用すると、DO
 }
 ```
 
-動的に命名されたトランジションを使用できます:
+動的なバインディングを使用することによって、同じ要素で異なるトランジションを実現することができます:
 
-``` html
+```html
 <div v-if="show" :transition="transitionName">hello</div>
 ```
 
+```js
+new Vue({
+ el: '...',
+ data: {
+ show: false,
+ transitionName: 'fade'
+ }
+})
+```
+
 加えて、JavaScript フックを提供できます。
 
 ``` js