因为自己的项目中，某些常用模块自己定义了组件，使用时 常出现
TypeError: this.$refs.xxx is not a function （即没有xxx这个方法），结合网友和自身遇到的问题，得出三种方法
第一种：引用注册 即 在页面中 import 组件。
import upimg from "../../components/store/user_photo.vue";
或者
import upimg from "@/components/store/user_photo.vue";
这两种方法都可以在页面中引入注册组件解决方法：查看是否组件引用正确。
第二种：组件在循环里
<view v-for="(item,index) in list">
<component-father ref="outsideComponentRef">
</component-father>
<text>组件在循环了引用</text>
</view >
解决方法：需加上下标 如： this.$refs[xxx][0]
然而我的错的报错不是上面两种情况里所以还有第三种方法（至于其他的情况，目前还未发现，欢迎大家指正，添加）
我的报错原因时 组件命名错误！开始以为组件可以随意命名。看了官方文档，组件有命名格式的：文章来源：https://www.toymoban.com/news/detail-666640.html
① 下划线 例如 kebab-case
当使用 kebab-case (短横线分隔命名) 定义一个组件时，你也必须在引用这个自定义元素时使用 kebab-case，例如 <my-component-name>。
② 首字母大写命名 即： PascalCase
当使用 PascalCase (首字母大写命名) 定义一个组件时，你在引用这个自定义元素时两种命名法都可以使用。 也就是说 <my-component-name> 和 <MyComponentName> 都是可接受的。希望能帮到大家！文章来源地址https://www.toymoban.com/news/detail-666640.html
到了这里，关于uniapp 组件引用 TypeError: this.$refs.xxx is not a function 解决方法（全）的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
