better inferring of component names in warnings

Author: yyx990803

flow/options.js

@@ -5,6 +5,7 @@ declare type InternalComponentOptions = {
   _parentVnode: VNode,
   _parentListeners: ?Object,
   _renderChildren: ?VNodeChildren,
+  _componentTag: ?string,
   render?: Function,
   staticRenderFns?: Array<Function>
 }

flow/vnode.js

@@ -5,7 +5,8 @@ declare type VNodeComponentOptions = {
   propsData: ?Object,
   listeners: ?Object,
   parent: Component,
-  children: ?VNodeChildren
+  children: ?VNodeChildren,
+  tag?: string
 }
 
 declare interface MountedComponentVNode {

src/core/instance/init.js

@@ -45,11 +45,13 @@ export function initMixin (Vue: Class<Component>) {
 
 function initInternalComponent (vm: Component, options: InternalComponentOptions) {
   const opts = vm.$options = Object.create(vm.constructor.options)
+  // doing this because it's faster than dynamic enumeration.
   opts.parent = options.parent
   opts.propsData = options.propsData
   opts._parentVnode = options._parentVnode
   opts._parentListeners = options._parentListeners
   opts._renderChildren = options._renderChildren
+  opts._componentTag = options._componentTag
   if (options.render) {
     opts.render = options.render
     opts.staticRenderFns = opts.staticRenderFns

src/core/util/debug.js

@@ -14,10 +14,15 @@ if (process.env.NODE_ENV !== 'production') {
   }
 
   formatComponentName = vm => {
-    const name = vm._isVue ? vm.$options.name : vm.name
+    if (vm.$root === vm) {
+      return ' (found in root instnace)'
+    }
+    const name = vm._isVue
+      ? vm.$options.name || vm.$options._componentTag
+      : vm.name
     return name
       ? ' (found in component: <' + hyphenate(name) + '>)'
-      : ''
+      : ' (found in anonymous component. Use the "name" option for better debugging messages)'
   }
 }
 

src/core/vdom/create-component.js

@@ -12,7 +12,8 @@ export function createComponent (
   Ctor: Class<Component> | Function | Object | void,
   data?: VNodeData,
   parent: Component,
-  context: Component
+  context: Component,
+  tag?: string
 ): VNode | void {
   if (!Ctor) {
     return
@@ -62,11 +63,11 @@ export function createComponent (
   }
 
   // return a placeholder vnode
-  const name = Ctor.options.name ? ('-' + Ctor.options.name) : ''
+  const name = Ctor.options.name || tag
   const vnode = new VNode(
-    `vue-component-${Ctor.cid}${name}`,
+    `vue-component-${Ctor.cid}${name ? `-${name}` : ''}`,
     data, undefined, undefined, undefined, undefined, context,
-    { Ctor, propsData, listeners, parent, children: undefined }
+    { Ctor, propsData, listeners, parent, tag, children: undefined }
     // children to be set later by renderElementWithChildren,
     // but before the init hook
   )
@@ -76,22 +77,23 @@ export function createComponent (
 export function createComponentInstanceForVnode (
   vnode: any // we know it's MountedComponentVNode but flow doesn't
 ): Component {
-  const { Ctor, propsData, listeners, parent, children } = vnode.componentOptions
+  const vnodeComponentOptions = vnode.componentOptions
   const options: InternalComponentOptions = {
     _isComponent: true,
-    parent,
-    propsData,
+    parent: vnodeComponentOptions.parent,
+    propsData: vnodeComponentOptions.propsData,
+    _componentTag: vnodeComponentOptions.tag,
     _parentVnode: vnode,
-    _parentListeners: listeners,
-    _renderChildren: children
+    _parentListeners: vnodeComponentOptions.listeners,
+    _renderChildren: vnodeComponentOptions.children
   }
   // check inline-template render functions
   const inlineTemplate = vnode.data.inlineTemplate
   if (inlineTemplate) {
     options.render = inlineTemplate.render
     options.staticRenderFns = inlineTemplate.staticRenderFns
   }
-  return new Ctor(options)
+  return new vnodeComponentOptions.Ctor(options)
 }
 
 function init (vnode: VNode) {

src/core/vdom/create-element.js

@@ -55,7 +55,7 @@ export function renderElement (
         undefined, undefined, namespace, context
       )
     } else if ((Ctor = resolveAsset(context.$options, 'components', tag))) {
-      return createComponent(Ctor, data, parent, context)
+      return createComponent(Ctor, data, parent, context, tag)
     } else {
       if (process.env.NODE_ENV !== 'production') {
         if (!namespace && config.isUnknownElement(tag)) {