update grid example to use paramAttributes

Author: yyx990803

examples/grid/grid.js

@@ -2,8 +2,10 @@
 Vue.component('demo-grid', {
   template: '#grid-template',
   replace: true,
+  paramAttributes: ['data', 'columns', 'filter-key'],
   data: function () {
     return {
+      data: null,
       columns: null,
       sortKey: '',
       filterKey: '',

examples/grid/index.html

@@ -41,11 +41,11 @@
       <form id="search">
         Search <input name="query" v-model="searchQuery">
       </form>
-      <demo-grid v-with="
-        data      : gridData,
-        columns   : gridColumns,
-        filterKey : searchQuery
-      "></demo-grid>
+      <demo-grid
+        data="{{gridData}}"
+        columns="{{gridColumns}}"
+        filter-key="{{searchQuery}}">
+      </demo-grid>
     </div>
 
     <script src="grid.js"></script>