fix parent data merge

Author: yyx990803

Diff for: src/runtime/instance/render.js

@@ -1,5 +1,5 @@
 import Watcher from '../observer/watcher'
-import { query, resolveAsset, hasOwn } from '../util/index'
+import { extend, query, resolveAsset, hasOwn } from '../util/index'
 import { createElement, patch, updateListeners } from '../vdom/index'
 import { callHook } from './lifecycle'
 import { getPropValue } from './state'
@@ -40,28 +40,38 @@ function resolveSlots (vm, children) {
   }
 }
 
-function mergeParentAttrs (vm, data, parentData) {
+function mergeParentData (vm, data, parentData) {
   const props = vm.$options.props
   if (parentData.attrs) {
-    const attrs = data.attrs || (data.attrs = [])
+    const attrs = data.attrs || (data.attrs = {})
     for (let key in parentData.attrs) {
       if (!hasOwn(props, key)) {
         attrs[key] = parentData.attrs[key]
       }
     }
   }
   if (parentData.props) {
-
+    const props = data.props || (data.props = {})
+    for (let key in parentData.props) {
+      if (!hasOwn(props, key)) {
+        props[key] = parentData.props[key]
+      }
+    }
+  }
+  if (parentData.staticClass) {
+    data.staticClass = data.staticClass
+      ? data.staticClass + ' ' + parentData.staticClass
+      : parentData.staticClass
+  }
+  if (parentData.class) {
+    extend((data.class || (data.class = {})), parentData.class)
+  }
+  if (parentData.style) {
+    extend((data.style || (data.style = {})), parentData.style)
   }
-}
-
-function mergeParentDirectives (vm, data, parentData) {
   if (parentData.directives) {
     data.directives = parentData.directives.conact(data.directives || [])
   }
-}
-
-function updateParentCallbacks (vm, data, parentData) {
   if (parentData.on) {
     updateListeners(parentData.on, data.on || {}, (event, handler) => {
       vm.$on(event, handler)
@@ -140,10 +150,7 @@ export function renderMixin (Vue) {
     vnode.key = _renderKey
     // update parent data
     if (_renderData) {
-      const data = vnode.data
-      mergeParentAttrs(this, data, _renderData)
-      mergeParentDirectives(this, data, _renderData)
-      updateParentCallbacks(this, data, _renderData)
+      mergeParentData(this, vnode.data, _renderData)
     }
     return vnode
   }

Diff for: src/runtime/instance/state.js

@@ -36,6 +36,7 @@ function initProps (vm) {
 }
 
 export function getPropValue (data, key) {
+  if (!data) return
   const altKey = hyphenate(key)
   return getPropValueFromHash(data.attrs, key, altKey) ||
     getPropValueFromHash(data.props, key, altKey)