fix examples to use bind- for props

Author: yyx990803

examples/grid/index.html

@@ -42,9 +42,9 @@
         Search <input name="query" v-model="searchQuery">
       </form>
       <demo-grid
-        prop-data="gridData"
-        prop-columns="gridColumns"
-        prop-filter-key="searchQuery">
+        bind-data="gridData"
+        bind-columns="gridColumns"
+        bind-filter-key="searchQuery">
       </demo-grid>
     </div>
 

examples/modal/index.html

@@ -57,7 +57,7 @@
     <div id="app">
       <button id="show-modal" on-click="showModal = true">Show Modal</button>
       <!-- use the modal component, pass in the prop -->
-      <modal prop-show="@showModal">
+      <modal bind-show="@showModal">
         <!--
           you can use custom content here to overwrite
           default content

examples/svg/index.html

@@ -15,9 +15,9 @@
         <circle cx="100" cy="100" r="80"></circle>
         <axis-label
           v-for="stat in stats"
-          prop-stat="stat"
-          prop-index="$index"
-          prop-total="stats.length">
+          bind-stat="stat"
+          bind-index="$index"
+          bind-total="stats.length">
         </axis-label>
       </g>
     </script>
@@ -31,7 +31,7 @@
     <div id="demo">
       <!-- Use the component -->
       <svg width="200" height="200">
-        <polygraph prop-stats="stats"></polygraph>
+        <polygraph bind-stats="stats"></polygraph>
       </svg>
       <!-- controls -->
       <div v-for="stat in stats">

examples/tree/index.html

@@ -38,7 +38,7 @@
           <item
             class="item"
             v-for="model in model.children"
-            prop-model="model">
+            bind-model="model">
           </item>
           <li on-click="addChild">+</li>
         </ul>
@@ -51,7 +51,7 @@
     <ul id="demo">
       <item
         class="item"
-        prop-model="treeData">
+        bind-model="treeData">
       </item>
     </ul>