vue3保存后端多种数据类型并在前端显示

 ref定义基本数据类型，reactive定义引用数据类型

<template>
    <div> 
        <p class="aaa">{{test.aa}}</p>
    </div>
    <div> 
        <p class="aaa">{{test.bb}}</p>
    </div>
</template>

<script setup>

const test= reactive({
  aa: '',
  bb: ''
})

onMounted(() => {
    http.get('xxx/xxx', {}).then(r => {
    test.aa= r.xxx.xx
    test.bb= r.xxx.xx
})
})

</script>
<style>
</style>