vue3中ref和reactive的使用建议

最新推荐文章于 2023-10-09 13:59:01 发布

又菜又不想学的小张

最新推荐文章于 2023-10-09 13:59:01 发布

阅读量253

点赞数

分类专栏： vue 文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/qq_45108358/article/details/128642150

版权

vue 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

1. 除了对象都使用ref来定义

2. 都用reactive来定义，然后用toRefs进行导出到页面使用

 import {vue3Test} from '@/api/vue3Ref'
  import { ref,reactive,onMounted ,toRefs} from 'vue';
  onMounted(()=>{
    getListApi()
  })
  const list=reactive({
     listData:[]
  })

   const getListApi=()=>{
    vue3Test().then(res=>{
      list.listData=res.list
    })
    // const res=await vue3Test()
    // list.listData=res.list
   }
 
 const {listData}=toRefs(list)