add a new option to control element comparison (#1007)

Author: theKashey

src/options.js

@@ -18,6 +18,17 @@ export default {
 	 */
 	//vnode(vnode) { }
 
+	/**
+	 * Compares two Components
+	 * @param {Component} component1 First Component to compare
+	 * @param {Component} component2 Second Component to compare
+	 * @returns Boolean, true if components are equal
+   */
+	areComponentsEqual(component1, component2) {
+		// default implementation is 4x times faster than optional object property access
+		return component1 === component2;
+	}
+
 	/** Hook invoked after a component is mounted. */
 	// afterMount(component) { }
 

src/vdom/component.js

@@ -2,7 +2,7 @@ import { SYNC_RENDER, NO_RENDER, FORCE_RENDER, ASYNC_RENDER, ATTR_KEY } from '..
 import options from '../options';
 import { extend } from '../util';
 import { enqueueRender } from '../render-queue';
-import { getNodeProps } from './index';
+import { areComponentsEqual, getNodeProps } from './index';
 import { diff, mounts, diffLevel, flushMounts, recollectNodeTree, removeChildren } from './diff';
 import { createComponent, collectComponent } from './component-recycler';
 import { removeNode } from '../dom/index';
@@ -212,11 +212,11 @@ export function buildComponentFromVNode(dom, vnode, context, mountAll) {
 	let c = dom && dom._component,
 		originalComponent = c,
 		oldDom = dom,
-		isDirectOwner = c && dom._componentConstructor===vnode.nodeName,
+		isDirectOwner = c && areComponentsEqual(dom._componentConstructor, vnode.nodeName),
 		isOwner = isDirectOwner,
 		props = getNodeProps(vnode);
 	while (c && !isOwner && (c=c._parentComponent)) {
-		isOwner = c.constructor===vnode.nodeName;
+		isOwner = areComponentsEqual(c.constructor, vnode.nodeName);
 	}
 
 	if (c && isOwner && (!mountAll || c._component)) {

src/vdom/diff.js

@@ -29,7 +29,6 @@ export function flushMounts() {
 	}
 }
 
-
 /**
  * Apply differences in a given vnode (and it's deep children) to a real DOM Node.
  * @param {Element} [dom=null] A DOM node to mutate into the shape of the `vnode`

src/vdom/index.js

@@ -1,5 +1,16 @@
 import { extend } from '../util';
+import options from '../options';
 
+/**
+ * Checks that two components are equal
+ * @param {Component} component1 First component to compare
+ * @param {Component} component2 Second component to compare
+ * @return {boolean}
+ * @private
+ */
+export function areComponentsEqual(component1, component2) {
+	return options.areComponentsEqual(component1, component2);
+}
 
 /**
  * Check if two nodes are equivalent.
@@ -16,7 +27,7 @@ export function isSameNodeType(node, vnode, hydrating) {
 	if (typeof vnode.nodeName==='string') {
 		return !node._componentConstructor && isNamedNode(node, vnode.nodeName);
 	}
-	return hydrating || node._componentConstructor===vnode.nodeName;
+	return hydrating || areComponentsEqual(node._componentConstructor, vnode.nodeName);
 }