Hello, {
    {name}}	
     

     
      	  Hello, {
    {name2}}	
     
		

     
	    
      Do It	
     
		

Vue.config.errorHandler = function(err, vm, info) {		}

Vue.config.errorHandler = function(err, vm, info) {	  console.log(`Error: ${err.toString()}\nInfo: ${info}`);	}

Error: ReferenceError: x is not defined	Info: render

Error: ReferenceError: x is not defined	Info: v-on handler

Vue.config.warnHandler = function(msg, vm, trace) {	}

Vue.config.warnHandler = function(msg, vm, trace) {	  console.log(`Warn: ${msg}\nTrace: ${trace}`);	}

Warn: Property or method 'name' is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property. See: https://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties.	Trace:		(found in 
     
      )
     

const app = new Vue({	  el:'#app',	  renderError (h, err) {	    return h('pre', { style: { color: 'red' }}, err.stack)	  }	})

Vue.component('cat', {	  template:`	
     
      
Cat: 
	  
      	
     
`,	  props:{	    name:{	      required:true,	      type:String	    }	  },	   errorCaptured(err,vm,info) {	    console.log(`cat EC: ${err.toString()}\ninfo: ${info}`);	     return false;	  }		});		Vue.component('kitten', {	  template:'
     
      
Kitten: {
    { dontexist() }}
     
',	  props:{	    name:{	      required:true,	      type:String	    }	  }	});

cat EC: TypeError: dontexist is not a function	info: render

window.onerror = function(message, source, line, column, error) {	}