reactive响应式数据赋值丢失响应式问题

关于 reactive响应式数据赋值问题

const  list = reactive({})

当你接收到接口数据,不要直接赋值 比如 list = data
这样会丢失响应式!

你可以这样做:

	const  list = reactive({
	arr:[]
})

list.arr = data.arr

或者

将list声明为ref方式

const list = ref([])
list.value = data

这样也不会丢失响应式

原因:reactive声明的响应式对象被list代理  操作代理对象需要有代理对象的前缀,直接覆盖会丢失响应式

你可能感兴趣的:(前端,Vue,VUE细节)