Vue学习过程中的坑

1.在创建组件时报错

Invalid value for option "components": expected an Object, but got Array

在注册组件时，components:{},而非components:[],

解决办法：

components:{
      template
}

学习博客:https://blog.csdn.net/zhongguohaoshaonian/article/details/79165477

2.给属性赋值时报错:

Vue提示Expected Boolean, got String,

提示这种错误，就是本来希望得到的值是 boolean类型，结果得到的是一个字符串

解决办法：就是在属性前面，加上:,如果不加：，默认的就是一个字符串，如果加上：,标示就是一个变量或者表达式。

学习博客:https://www.jianshu.com/p/d1be657d3f7a

3.也是属性赋值错误

Invalid prop: custom validator check failed for prop "pagerCount".

我这里场景是，el-pagination分页组件，设置大于多少页码隐藏，pager-count设置，范围5~21的奇数，我设置了小于5

解决方法：设置值的范围在5~21之间的奇数。

学习博客:https://blog.csdn.net/fengsx0521/article/details/80351135

4.在data或者computed中的数据修改之后 内容没有重新渲染

解决方案:

调用this.$forceUpdate();强制进行更新渲染。

学习博客:https://blog.csdn.net/jerryyang_2017/article/details/82466957

5.父元素，子元素上面都有点击事件。都是使用@click添加的点击事件，但是，在点击子事件时，不想向父元素传递。

解决方案:

使用@click.stop ='';可以阻止事件传递。

学习博客：https://blog.csdn.net/weixin_42344744/article/details/81915739