pinia中使用reactive声明变量，子页面使用时，值未改变,即不是响应式的（解决方法）

reactive赋值无效！reactive 不要直接data=赋值！！！会丢失响应式的，只能通过obj.属性 = 属性值赋值
方法一.
pinia中直接使用ref定义变量即可

export const useUserStore=defineStore('user',()=>{
    let loginUser=ref({})
    return {
        loginUser
    }

})

1
2
3
4
5
6
7
8

方法二：
pinia中仍使用reactive ,通过obj.属性 = 属性值赋值

将这里
const testObject = reactive({
	show:false,
	titleL:'这里是标题！'
});
改为
const testObject = reactive({
	aa:{
		show:false,
		titleL:'这里是标题！'
	}
});

赋值操作改为：

const clickHandle = (e)=>{
	testObject.aa.show = e.traget.checked;
}


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20