店铺数据的nearbyList为什么用reactive后页面不会渲染呢？

来源：10-1 首页附近店铺数据动态化-详情页准备

不令而行

2021-10-19

ref 处理基础类型的数据；reactive 处理非基础类型的数据。

setup () {
    let nearbyList = reactive([])

    getShopList().then(res => {
      nearbyList= res.data
    })

    return { nearbyList }
  }

但是这样写的话，nearbyList在页面上就不会渲染，是为什么？

写回答

3回答

坚持到退休

2022-02-01

应该是定义的时候：ref 处理基础类型的数据；reactive 处理非基础类型的数据。

引用类型的数据，如果赋值的话，用reactive定义的数据就不是响应式的，得加个toRefs才能再变为响应式的

所以老师用了ref来定义，其实也是因为老师前面讲的不太清楚。

希望林柚一健康快乐成长

2022-03-04

Dell

2021-10-20

直接修改了变量的引用

Vue3入门与项目实战掌握完整知识体系

明星讲师DELL亲授，全方位知识点+高匹配度项目，入门到深度掌握

3394 学习 · 1468 问题

相似问题

回答 2

回答 3

回答 1

回答 1

回答 2