学无先后，达者为师

网站首页 Vue 正文

vue中自定义组件双向绑定的三种方法总结_vue.js

作者：Terminal丶句点更新时间： 2022-08-21 Vue

目录

1. 父组件使用v-model绑定
2. 父组件使用v-model绑定
3. 父组件使用:name.sync绑定

官方文档地址

1. 父组件使用v-model绑定

子组件props接收参数，$emit触发input事件传值

2. 父组件使用v-model绑定

子组件props接收参数，参数名称可以自定义，$emit触发方法传值，方法名称可以自定义，通过model属性将prop参数名和事件名进行关联

3. 父组件使用:name.sync绑定

子组件props接收参数名称为name，$emit触发update:name事件传值，这三部的name名称可以自定义，但需保持一致

原文链接：https://blog.csdn.net/qq_40026668/article/details/111880756

上一篇：vuex在vite&vue3中的简单使用说明_vue
下一篇：关于vue中标签的属性绑定值渲染问题_vue.js

相关推荐

2022-03-15 C语言if选择结构语句详解_C 语言
2022-12-05 Android实现自动变换大小的ViewPager_Android
2022-07-12 解决错误：Error: TomEE required to support EAR/EJB depl
2022-11-21 Python Flask框架开发之运用SocketIO实现WebSSH方法详解_python
2022-04-16 C语言线性表之双链表详解_C 语言
2022-08-25 .net加载失败的程序集实现重新加载_实用技巧
2024-01-31 nginx配置文件中最后一个 include servers/*；作用是什么?
2022-07-03 python中dict获取关键字与值的实现_python

栏目分类

最近更新