vue小问题记录

响应式数据和页面刷新

vue中变量分为普通数据对象和响应式数据对象，在使用setup组合式api时应注意只有响应式数据对象能引起视图变化

<script setup>
import { ref } from 'vue'

let testarray = ref([])
function getdata() {
  testarray.value.push(Response.data[i])
}
</script>

使用ref可以包含简单数据格式和对象数据格式、reactive只能包含对象数据格式，其中ref数组类型的push需要添加.value来改变值。

同步异步

在vue中我们可能有这种钩子函数中使用async、await来让异步操作同步，但是在钩子函数中我们需要注意的是，如果在created前加上了async但是没有在mounted前面加，mounted是不会等待created完成的。由于我的需求不需要管其他钩子函数，因此本例中就只写了一个async onmounted。

onMounted(async()=>{
   let usercountres=await request({url: "/getusercount/",method: 'get'
        })
    let testarray = usercountres.data[0]
    currentpage=testarray["currentpage"]
    allpages=testarray["pagenumber"]
    perpage=testarray["perpage"]
  
  let usercontentres=await request({url:"/getusercontent/",method:"post",
    })
})