在使用vue件template部分，不要调用会触发data修改的函数。因为一旦修改了data就会触发vue的数据对比再次渲染，如果被修改的data中的属性的值一直变化，就会产生死循环造成卡顿甚至奔溃。下面来个错误例子。
//bar.vue
<template>
<div>
<span>this is bar</span>
<span>{{ getT() }}</span>
</div>
</template>
<script>
export default {
name: 'bar',
data(){
return {
t:0
};
},
methods(){
getT(){
console.log(this.t);
return this.t++;
}
}
}
</script> 结果就是
只有结束浏览器进程了-_-
