vue3中警告，reactivity.esm-bundler.js:1160 Write operation failed: computed value is readonly

这个警告通常是由于在计算属性或者 getter 函数中使用了 ref 或者 reactive 创建的响应式对象，并且在这个函数中尝试修改了它的值，导致这个计算属性或者 getter 函数变成只读的。在 Vue 3 中，计算属性和 getter 函数默认是只读的，如果需要修改响应式对象的值，可以使用 ref 或者 reactive 创建一个新的响应式对象，然后返回它。例如：

import { ref } from 'vue'

export default {
  setup() {
    const count = ref(0)

    function increment() {
      count.value++
    }

    return {
      count,
      increment
    }
  }
}

在以上代码中，我们使用了 ref 创建了一个响应式对象 count，并且在 increment 函数中通过 count.value 的方式来修改它的值，而不是直接修改 count 对象。