要在自定义组件中使用v-model，首先创建名为app input的新组件并置于src/components下。给这个组件的模板添加一个text类型的input，保存文件。然后打开user login组件，导入刚才创建的app input，并在其components里添加app input。在模板中使用app input，并用v-model绑定名为user name的数据。在user login组件内添加名为user name的数据，默认为空字符串。测试时发现，直接输入文本框内容不会更新user name。为了使其工作，自定义组件需要特殊处理：添加script部分，默认导出一个对象，其props包含名为model value的string类型属性。在组件的input元素上绑定model value，并监听input事件以触发自定义的update:modelValue事件，更新model value。这样，使用v-model的自定义组件现在能正确地更新绑定的user name数据。