Vue注意事项之|调试template模板

Vue注意事项之|调试template模板

大多数时候，在template上面写一些逻辑非常难调试，报错显示不清晰，都是直接看效果的，对于一些值来说，变得无法掌控，所以说在开发环境中，我都会在原型上挂一个全局的console.log方法进行调试

vue.prototype.$logs = window.console.log;

// 使用
<template>
    <div>{
    
    {
    
    $logs(item.name)}}</div>
</template>

<script>
	...
	data(){
    
    
		return {
    
    
			item: {
    
    name: '名字1'}
		}
	}
	...
</script>

然后在控制台会打印出item.name的值，而不会在页面里显示，很适合调试