使用uni-app自定义hooks时渲染模版时数据绑定异常小程序与web均无法响应式

项目信息

示例代码：

hooks

import { ref } from "vue"  

const useTest = () => {  
    const flag = ref(false)  
    const changeFlag = () => {  
        flag.value = !flag.value  
    }  
    return {  
        flag,  
        changeFlag  
    }  
}  

export default useTest

页面

<template>  
    <view class="content">  
        <view @click="onChange">改变flag状态</view>  

        <view>页面flag：{{pageFlag}}</view>  
        <view>页面flag表达式：{{pageFlag ? 'yes' : 'no'}}</view>  
        <view>hooks-flag：{{test.flag}}</view>  
        <view>hooks-flag表达式：{{test.flag ? 'yes' : 'no'}}</view>  
    </view>  
</template>  

<script setup>  
import { ref } from "vue"  
import useTest from '../../hooks/useTest';  
const test = useTest()  
const pageFlag = ref(false)  
const onChange = () => {  
    test.changeFlag()  
    pageFlag.value = !pageFlag.value  
}  
</script>  

<style>  
.content{  
    text-align: center;  
}  
</style>

操作步骤：

点击’改变flag状态’文本即可

预期结果：

'hooks-flag表达式’的结果与’页面flag表达式’一致

实际结果：

'页面flag表达式’响应式变化
'hooks-flag表达式’无变化，无法响应式

bug描述：

使用自定义hooks时，在模版里面绑定表达式，则响应式失效，如果使用原值则响应式，查看是编译取值问题。