如何体现出reactive对某个变量实现响应式的时候很麻烦呢？是否可进行举例说明？

由于reactive必须传递一个对象,所以在实际开发中如果只是想让某个变量实现响应式的时候回非常麻烦,所以Vue3提供了ref方法实现简单值的监听。

对此有两句话不理解：1.ref是否可以对对象进行监听呢？2.如何体现出reactive对某个变量实现响应式的时候很麻烦呢？是否可进行举例说明？

下面这个示例，不能体现问题2是吗？

<script>
import { reactive } from 'vue'

export default {
  setup() {
    const state = reactive({ count: 0 })

    function increment() {
      state.count++
    }

    // 不要忘记同时暴露 increment 函数
    return {
      state,
      increment
    }
  }
}
</script>

<template>
  <button @click="increment">
    {{ state.count }}
  </button>  
</template>