最近在看Vue3文档 学到了很多 也激发了想要深度学习的欲望

1.watchEffect / watch 实现表单变化重新发送请求

项目展示结果 由四部分决定

status limits industry keyword

一进入页面就是获得全部项目数据

不同status的项目 是用computed进行filter分类 所以不需要再发送请求

keyword搜索 是通过点击按钮发送请求完成

想要在 limits industry 发生变化就重新请求 就需要用到watch / watchEffect 监听 代码如下

watch(
        //监听这两个参数   
	() => [queryParams.value.limits, queryParams.value.industryName],
        //监听到发生变化就触发下面的函数  
	() => {
		console.log('监视成功!');
		getProjects();
	}
);

这里不太方便使用watchEffect 因为watchEffect 会自动追踪 getProjects() 内用到的所有响应式依赖

这样当我们keyword改变时 也会发送请求 这是我们不想要的

watchEffect(async () => {
  await getProjects(); // 自动追踪 getProjects() 内用到的所有响应式依赖
});