2.6: more examples for dynamic arguments

Author: yyx990803

src/v2/api/index.md

@@ -2055,12 +2055,18 @@ type: api
   <!-- method handler -->
   <button v-on:click="doThis"></button>
 
+  <!-- dynamic event (2.6.0+) -->
+  <button v-on:[event]="doThis"></button>
+
   <!-- inline statement -->
   <button v-on:click="doThat('hello', $event)"></button>
 
   <!-- shorthand -->
   <button @click="doThis"></button>
 
+  <!-- shorthand dynamic event (2.6.0+) -->
+  <button @[event]="doThis"></button>
+
   <!-- stop propagation -->
   <button @click.stop="doThis"></button>
 
@@ -2131,9 +2137,15 @@ type: api
   <!-- bind an attribute -->
   <img v-bind:src="imageSrc">
 
+  <!-- dynamic attribute name (2.6.0+) -->
+  <button v-bind:[key]="value"></button>
+
   <!-- shorthand -->
   <img :src="imageSrc">
 
+  <!-- shorthand dynamic attribute name (2.6.0+) -->
+  <button :[key]="value"></button>
+
   <!-- with inline string concatenation -->
   <img :src="'/path/to/images/' + fileName">
 
@@ -2152,7 +2164,7 @@ type: api
   <!-- DOM attribute binding with prop modifier -->
   <div v-bind:text-content.prop="text"></div>
 
-  <!-- shorthand for prop modifier (2.6+) -->
+  <!-- shorthand for prop modifier (2.6.0+) -->
   <div .text-content="text"></div>
 
   <!-- prop binding. "prop" must be declared in my-component. -->

src/v2/guide/syntax.md

@@ -182,9 +182,12 @@ The `v-` prefix serves as a visual cue for identifying Vue-specific attributes i
 
 <!-- shorthand -->
 <a :href="url"> ... </a>
+
+<!-- shorthand with dynamic argument (2.6.0+) -->
+<a :[key]="url"> ... </a>
 ```
 
-> New in 2.6
+> DOM Property Shorthand
 
 In 2.6 a separate shorthand for explicit DOM property bindings (with the `.prop` modifier) have been introduced:
 
@@ -204,6 +207,9 @@ In 2.6 a separate shorthand for explicit DOM property bindings (with the `.prop`
 
 <!-- shorthand -->
 <a @click="doSomething"> ... </a>
+
+<!-- shorthand with dynamic argument (2.6.0+) -->
+<a @[event]="doSomething"> ... </a>
 ```
 
 They may look a bit different from normal HTML, but `:` and `@` are valid chars for attribute names and all Vue.js supported browsers can parse it correctly. In addition, they do not appear in the final rendered markup. The shorthand syntax is totally optional, but you will likely appreciate it when you learn more about its usage later.