diff --git a/examples/basic-render/app.js b/examples/basic-render/app.js
new file mode 100644
index 0000000..8b5737c
--- /dev/null
+++ b/examples/basic-render/app.js
@@ -0,0 +1,27 @@
+import Vue from 'vue'
+import VueMeta from 'vue-meta'
+
+Vue.use(VueMeta)
+
+Vue.component('child', {
+  name: 'Child',
+  props: ['page'],
+  render (h) {
+    return h('h3', null, this.page)
+  },
+  metaInfo: {
+    title () {
+      return this.page
+    }
+  }
+})
+
+new Vue({
+  template: `
+    <div id="app">
+      <h1>Basic Render</h1>
+      <p>Inspect Element to see the meta info</p>
+      <child page="This is a prop"></child>
+    </div>
+  `
+}).$mount('#app')
diff --git a/examples/basic-render/index.html b/examples/basic-render/index.html
new file mode 100644
index 0000000..c4c535e
--- /dev/null
+++ b/examples/basic-render/index.html
@@ -0,0 +1,5 @@
+<!DOCTYPE html>
+<link rel="stylesheet" href="/global.css">
+<a href="/">&larr; Examples index</a>
+<div id="app"></div>
+<script src="/__build__/basic-render.js"></script>
diff --git a/examples/index.html b/examples/index.html
index c752153..9e6aa69 100644
--- a/examples/index.html
+++ b/examples/index.html
@@ -8,6 +8,7 @@
   <h1>Vue Meta Examples</h1>
   <ul>
     <li><a href="basic">Basic</a></li>
+    <li><a href="basic-render">Basic Render</a></li>
   </ul>
 </body>
 </html>
diff --git a/src/shared/getComponentOption.js b/src/shared/getComponentOption.js
index f5cb403..a816082 100644
--- a/src/shared/getComponentOption.js
+++ b/src/shared/getComponentOption.js
@@ -34,22 +34,21 @@ export default function getComponentOption (opts, result = {}) {
         clone: true,
         arrayMerge
       })
-
-      // collect & aggregate child options if deep = true
-      if (deep && component.$children.length) {
-        component.$children.forEach((childComponent) => {
-          result = getComponentOption({
-            component: childComponent,
-            option,
-            deep,
-            arrayMerge
-          }, result)
-        })
-      }
-
-      return result
+    } else {
+      result = data
     }
-    result = data
+  }
+
+  // collect & aggregate child options if deep = true
+  if (deep && component.$children.length) {
+    component.$children.forEach((childComponent) => {
+      result = getComponentOption({
+        component: childComponent,
+        option,
+        deep,
+        arrayMerge
+      }, result)
+    })
   }
 
   return result
