update grid example for orderBy reverse

Author: yyx990803

examples/grid/grid.js

@@ -8,19 +8,19 @@ Vue.component('demo-grid', {
     filterKey: String
   },
   data: function () {
-    var reversed = {}
+    var sortOrders = {}
     this.columns.forEach(function (key) {
-      reversed[key] = false
+      sortOrders[key] = 1
     })
     return {
       sortKey: '',
-      reversed: reversed
+      sortOrders: sortOrders
     }
   },
   methods: {
     sortBy: function (key) {
       this.sortKey = key
-      this.reversed[key] = !this.reversed[key]
+      this.sortOrders[key] = this.sortOrders[key] * -1
     }
   }
 })

examples/grid/index.html

@@ -18,7 +18,7 @@
               :class="{active: sortKey == key}">
               {{key | capitalize}}
               <span class="arrow"
-                :class="reversed[key] ? 'dsc' : 'asc'">
+                :class="sortOrders[key] > 0 ? 'asc' : 'dsc'">
               </span>
             </th>
           </tr>
@@ -27,7 +27,7 @@
           <tr v-for="
             entry in data
             | filterBy filterKey
-            | orderBy sortKey reversed[sortKey]">
+            | orderBy sortKey sortOrders[sortKey]">
             <td v-for="key in columns">
               {{entry[key]}}
             </td>