【报Bug】Ref 定义的控件通过this.$refs获取不到

示例代码：

<template >
<view ref="keyBoard11" class="content">

        <text class="title" @click="onBind()">{{title}}</text>  
</view>  

</template>

<script>

export default {  
    data() {  
        return {  
            title: 'Hello'  
        }  
    },  
    onLoad() {  
    },  
    methods: {  
        onBind(){  
            console.log(">>>>>>>>>>>>>>>@@@@>",this.$refs)  
        }  
    }  
}  

</script>

<style>
.content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}

.logo {  
    height: 200rpx;  
    width: 200rpx;  
    margin-top: 200rpx;  
    margin-left: auto;  
    margin-right: auto;  
    margin-bottom: 50rpx;  
}  

.text-area {  
    display: flex;  
    justify-content: center;  
}  

.title {  
    font-size: 36rpx;  
    color: #8f8f94;  
}  

</style>

操作步骤：

<template >
<view ref="keyBoard11" class="content">

        <text class="title" @click="onBind()">{{title}}</text>  
</view>  

</template>

<script>

export default {  
    data() {  
        return {  
            title: 'Hello'  
        }  
    },  
    onLoad() {  
    },  
    methods: {  
        onBind(){  
            console.log(">>>>>>>>>>>>>>>@@@@>",this.$refs)  
        }  
    }  
}  

</script>

<style>
.content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}

.logo {  
    height: 200rpx;  
    width: 200rpx;  
    margin-top: 200rpx;  
    margin-left: auto;  
    margin-right: auto;  
    margin-bottom: 50rpx;  
}  

.text-area {  
    display: flex;  
    justify-content: center;  
}  

.title {  
    font-size: 36rpx;  
    color: #8f8f94;  
}  

</style>

预期结果：

想要通过refs获取组件

实际结果：

实际结果为{}（为空），就算指定组件也是undefined。