vue3使用deep会显示未知伪选择器

Vue3中，当使用`.sync`修饰符来同步数据到组件实例的属性，并且涉及到深度监听(`v-model="obj prop"`，这里的"prop"是一个嵌套路径)时，可能会遇到`unknown pseudo-class`的警告，这是因为Vue试图解析一个未知的CSS伪类。这通常是因为你在尝试监视一个 Vue 自动更新无法处理的对象结构更改，例如数组或对象的深层次改变。

当你在 `v-model` 中使用 `.sync` 并且需要监听深层属性的变化时，应该直接使用 `ref` 或者自定义的响应式对象，并利用 `watch`、`$set` 等方式来进行手动的深度监听。此外，可以考虑使用第三方库如 `vue-deep-watcher` 来辅助处理深度监听。

示例：

<template>
  <div>
    <input v-model="nestedObject.prop">
  </div>
</template>

<script>
export default {
  data() {
    return {
      nestedObject: { prop: '' },
    };
  },
  watch: {
    'nestedObject.prop': {
      deep: true,
      handler(newVal) {
        // 手动处理深层属性变化
      },
    },
  },
};
</script>