add grid component example

Author: yyx990803

source/examples/component.md

@@ -1,6 +1,6 @@
-title: Vue + Component
+title: Project Boilerplate
 type: examples
-order: 4
+order: 5
 ---
 
 <img style="width:100%;max-width:737px" src="/images/component-example.png">

source/examples/grid-component.md

@@ -0,0 +1,8 @@
+title: Grid Component
+type: examples
+order: 3
+---
+
+> This is an example of creating a reusable grid component and using it with external data.
+
+<iframe width="100%" height="500" src="http://jsfiddle.net/yyx990803/mGyQN/embedded/result,html,js,css" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

source/examples/todomvc.md

@@ -1,6 +1,6 @@
 title: TodoMVC
 type: examples
-order: 3
+order: 4
 ---
 
 <iframe width="100%" height="500" src="/perf/todomvc-benchmark/vue/index.html" allowfullscreen="allowfullscreen" frameborder="0"></iframe>