bug制造专家

bug制造专家
vue框架，我爱bug

1.在页面写好的mounted之后，组件的生命周期找一个角落再写一个mounted，便会覆盖之前的mounted内部内容，使其不生效。

2.清除响应式。再初始化对象格式的数据之后，监听或者在其他的触发方法下，添加一个直接赋值操作，把相应的引用改掉。所以，响应式失效

3.在子组件接受父组件传参或者定义子组件插入的组件时，把对象格式的改为数组或者数组变为对象，导致引用失效

4.自定义校验规则，添加一个走不到callback的判断，会导致此字段的校验数组在这个之后的失效，并且如果是整个表单校验的话，没有返回值。

5生命周期中，添加一个会出错的方法，然后此方法的后边的内容就不执行了，比如某些created里放发evevtbus事件等，，，但是出错的方法容易被发现，看调试的方向了

5常见的，写错的单词了，改大小写了，但是极容易被发现。

6 Object.freeze() 冻结对象，使vue的相应式失效

7，神奇的id 。你试着在页面上写一个与某个方法同名的id

8，隐形的无限循环

<template>
       <span class="show-filters" ：class="show = !show">
                {{ show ? '隐藏过滤器 ↑' :'显示过滤器 ↓' }}
     </span>
</template>
 <script>       
	export default {
  		data() {
    		return {
      			show: true
   			 }
   		}
  	};
  </script>

9，上绑定v-show
10，失效的v-if
vue会最大程度的复用原先的内容，所以不添加key，在某一些情况下会导致不会重新渲染内容，所以，，，你懂的
11.添加一些重新跳转到当前页面的，比如说组件切换什么的，会抛出一个警告，但是不影响运行