Reactive 踩坑

努力过后的失败是常态2024-06-02 12:51

vue 响应式踩坑

let questionInfo = reactive([ , ])   

api.getQuestions( id ).then(function (response){
	// 这里用法有问题
	questionInfo = response.data.data.questions;
	concole.log(questionInfo)
})

响应式数据本身是个函数，（不然咋帮你动态变化页面

上面例子里响应式数据已被重新赋值

本身已改变了，就相当于人家不是男的了，咋帮你干其他活。

正确使用

let questionInfo = reactive ( {  arr :  []   ,  two : {}  }) 
// 需要响应式改变时
questionInfo.arr =   ........... ;
// 至此，就能看到页面动态变化了

关于响应式数据底层的实现，我不大清楚，爱莫能助。

// 两种响应式简单食用
let a =  reactive({arr :  [ 0 ,1 ] })
let b =  ref(0)

a.arr = [11234,1341234];
b.value = 1;