Exercise 3.2

d-levin · Sep 7, 2017 · 2ee6de2 · 2ee6de2
1 parent 1e4db83
commit 2ee6de2
Showing 1 changed file with 14 additions and 4 deletions.
diff --git a/3-render-function/3.2-render-comp.html b/3-render-function/3.2-render-comp.html
@@ -2,22 +2,32 @@
 
 <div id="app">
   <example :ok="ok"></example>
+  <button @click="ok = !ok"></button>
 </div>
 
 <script>
 const Foo = {
-  // Implement this!
+  functional: true,
+  render: h => h('div', 'foo')
 }
 
 const Bar = {
-  // Implement this!
+  functional: true,
+  render: h => h('div', 'bar')
 }
 
 Vue.component('example', {
-  // Implement this!
+  functional: true,
+  props: {
+    ok: Boolean
+  },
+  render: (h, context) => h(context.props.ok ? Foo : Bar)
 })
 
 new Vue({
-  el: '#app'
+  el: '#app',
+  data: {
+    ok: true
+  }
 })
 </script>