大佬救命！TypeScript如何改写vue2.x的watch？

Question

我在vue2.x这样写的watch

watch: {
    service() {
      this.search();
    },
    expandRowKeys: {
      handler(val) {
        this.rowKeys = val;
      },
    },
    datas: {
      handler() {
        this.pagination.limit = 10;
        this.pagination.current = 1;
        this.getTableDatas();
      },
      deep: true,
    },
  },

如果用typescript + vue3怎么写watch，求大佬指教

Answer 1

<script setup>
import { watch, ref, reactive } from 'vue'
const service = ref<string>('')
const datas = reactive<{ a: string }>({ a: '' })
const search = () => {}
watch(
    () => service.value,
    () => search()
)
watch(
    () => datas,
    () => {
        xxxx
    },
    { deep: true }
)
</script>