\r\n\u003C/template>\r\n```\r\n\r\n子组件\r\n```\r\n\u003Cscript setup lang=\"ts\">\r\n import { useVModel } from '@vueuse/core';\r\n\r\n type Props = {\r\n // modelValue: Record\u003Cstring, any>[];\r\n modelValue: Record\u003Cstring, any>;\r\n };\r\n\r\n const props = withDefaults(defineProps\u003CProps>(), {});\r\n\r\n const emit = defineEmits\u003C{\r\n // (e: 'update:modelValue', model: Record\u003Cstring, any>[]): void;\r\n (e: 'update:modelValue', model: Record\u003Cstring, any>): void;\r\n }>();\r\n\r\n const data = useVModel(props, 'modelValue', emit, { deep: true });\r\n\r\n const generateData = () => {\r\n // 响应式失效\r\n // data.value = [{ id: 2, name: '李四' }];\r\n // 响应式成功\r\n // data.value.push({ id: 2, name: '李四' })\r\n // 响应式失效\r\n data.value = { id: 2, name: '李四' };\r\n // 响应式成功\r\n // data.value.name = '李四';\r\n };\r\n\u003C/script>\r\n\r\n\u003Ctemplate>\r\n 子组件 {{ data }}\r\n \u003Ca-button type=\"primary\" @click=\"generateData\">修改\u003C/a-button>\r\n\u003C/template>\r\n```\r\n\r\n\n\n### Reproduction\n\nhttps://codesandbox.io/s/usevmodel-zbpsrg?file=/src/components/HelloWorld.vue\n\n### System Info\n\n```Shell\nSystem: \r\n OS: Windows 10 10.0.19044 \r\n CPU: (16) x64 AMD Ryzen 7 4800H with Radeon Graphics \r\n Memory: 653.90 MB / 15.37 GB \r\n Binaries: \r\n Node: 16.14.0 - d:\\software\\nodejs\\node.EXE \r\n Yarn: 1.22.18 - d:\\software\\nodejs\\yarn.CMD\r\n npm: 8.15.0 - d:\\software\\nodejs\\npm.CMD\r\n Browsers:\r\n Edge: Spartan (44.19041.1266.0), Chromium (111.0.1661.54)\r\n Internet Explorer: 11.0.19041.1566\r\n npmPackages:\r\n @vueuse/core: ^9.13.0 => 9.13.0\r\n vue: ^3.2.40 => 3.2.47\n```\n\n\n### Used Package Manager\n\npnpm\n\n### Validations\n\n- [X] Follow our [Code of Conduct](https://github.com/vueuse/vueuse/blob/main/CODE_OF_CONDUCT.md)\n- [X] Read the [Contributing Guidelines](https://github.com/vueuse/vueuse/blob/main/CONTRIBUTING.md).\n- [X] Read the [docs](https://vueuse.org/guide).\n- [X] Check that there isn't [already an issue](https://github.com/vueuse/vueuse/issues) that reports the same bug to avoid creating a duplicate.\n- [X] Make sure this is a VueUse issue and not a framework-specific issue. For example, if it's a Vue SFC related bug, it should likely be reported to https://github.com/vuejs/core instead.\n- [X] Check that this is a concrete bug. For Q&A open a [GitHub Discussion](https://github.com/vueuse/vueuse/discussions).\n- [X] The provided reproduction is a [minimal reproducible example](https://stackoverflow.com/help/minimal-reproducible-example) of the bug.",[],2921,"【useVModel】失去响应式","2023-06-08T10:20:14Z","https://github.com/vueuse/vueuse/issues/2921",0.75406474,{"description":2950,"labels":2951,"number":2953,"owner":2871,"repository":2871,"state":2903,"title":2954,"updated_at":2955,"url":2956,"score":2957},"### Clear and concise description of the problem\n\n在某些场景中,会有个需求,就是文本内容超出了父元素宽度,出现...和一个tooltip提示框\n\n### Suggested solution\n\n\r\n```js\r\n\u003Ctemplate>\r\n \u003Cdiv style=\"width:50px\">\r\n \u003Cspan>1231231\u003C/span>\r\n \u003C/div>\r\n\u003C/template>\r\n\u003Cscript lang=\"ts\" setup>\r\nimport {isOver} from \"useEllipsis\"\r\n\u003C/script>\r\n\r\n\u003Ctemplate>\r\n \u003Cdiv style=\"width:50px\">\r\n \u003Cspan v-ellipsis>1231231\u003C/span>\r\n \u003C/div>\r\n\u003C/template>\r\n```\r\n期望类似这样的使用,\n\n### Alternative\n\n_No response_\n\n### Additional context\n\n_No response_\n\n### Validations\n\n- [X] Follow our [Code of Conduct](https://github.com/vueuse/vueuse/blob/main/CODE_OF_CONDUCT.md)\n- [X] Read the [Contributing Guidelines](https://github.com/vueuse/vueuse/blob/main/CONTRIBUTING.md).\n- [X] Read the [docs](https://vueuse.org/guide).\n- [X] Check that there isn't already an issue that request the same feature to avoid creating a duplicate.",[2952],{"name":2868,"color":2869},3434,"会考虑useEllipsis这个hook吗?","2023-12-04T08:10:22Z","https://github.com/vueuse/vueuse/issues/3434",0.75558305,["Reactive",2959],{},["Set"],["ShallowReactive",2962],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fLPemMahdz_-aJR6U5sjEWCgVOwb5QtTip0kpAAxFXBs":-1},"/vueuse/vueuse/3293"]