vue父组件调用子组件this.$refs报错，undefined、not a function问题解决方法

前些天发现了一个巨牛的人工智能学习网站，通俗易懂，风趣幽默，忍不住分享一下给大家。点击跳转到网站点击跳转浏览。

一、提示undefined

这种情况下，一般都是父组件调用子组件方法的时候，子组件还未渲染成功。要搞清楚这个问题，我们要搞清楚父子组件的生命周期就行了。

1,加载渲染过程

父beforeCreate->父created->父beforeMount->子beforeCreate->子created->子beforeMount->子mounted->父mounted

2,子组件更新过程

父beforeUpdate->子beforeUpdate->子updated->父updated

3,父组件更新过程

父beforeUpdate->父updated

4,销毁过程

父beforeDestroy->子beforeDestroy->子destroyed->父destroyed

二、提示not a function

这种情况下，一般都是未找到子组件的ref。如下图所示，我的子组件放在v-for中，这时我的ref是个数组，就不能直接用this.$refs.myChild.init()。需要拿到ref的下标才行,

就是标明的意思是要知道里面的子组件用的位置，不要用错了

https://blog.csdn.net/ChOLg/article/details/102991854这篇文章就是误导

参考https://blog.csdn.net/weixin_41698051/article/details/112670188这篇