vue响应式是响应啥？是数据与函数之间的响应，是做不到数据和数据之间的响应的，比如

javascript">let count = ref(0);
let num = ref(count.value * 2);

count改变，并不会导致num一起改变，因为js做不到数据和数据之间响应，vue肯定也做不到，只能做到数据和函数之间响应，而且这函数也不能是普普通通，自己定义的函数，比如

javascript">const abc = () =>{
    let index = count.value;
    console.log(index);
}
abc();

当count值发生改变的时候，肯定做不到多次执行打印，所以只有vue里面受监控的函数才会在数据改变的时候，多次执行，那么vue里面哪些函数是被监控的？
1.render

<template>
  <div class="login_Bg">
  	template里面都是属于reader函数
  </div>
</template>

2.computed回调
3.watchEffect回调
4.watch回调

总结

vue响应式的条件是被监控的函数运行期间用到了响应式数据，在响应式数据发生改变的时候，才会重新执行被监控的函数，从而实现响应式

tips:子组件里面的props是用reactive实现，computed是用ref实现