当前位置: 首页 > article >正文

Vue3 组件通信 v-model 封装组件 组件源码 v-model原理

Vue3 组件通信 v-model 封装组件 组件源码 v-model原理

v-model用在html标签上

  • 本质是在标签上加value属性和绑定input方法
    在这里插入图片描述

v-model用在组件标签上

  • 本质是在标签上加modelvalue属性和绑定update:modelValue方法
    在这里插入图片描述

封装组件AtguiguInput

  • defineProps接收值,实现ts到页面
  • update:modelValue返回值,实现页面到ts
  • 双向绑定
    在这里插入图片描述

html标签和组件标签上的event,是什么

  • 对原生事件,是事件对象
  • 对自定义事件,是传递的数据
    在这里插入图片描述
原文地址:https://blog.csdn.net/Rockandrollman/article/details/146359371
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.kler.cn/a/593132.html

相关文章:

  • Qt-D指针与Q指针的设计哲学
  • $set 方法废弃
  • HTTP核心知识
  • 以太网 MAC 帧格式
  • 如何在前端发版时实现向客户端推送版本更新消息
  • Flutter中Align的使用说明
  • 【论文阅读】MMed-RAG:让多模态大模型告别“事实性幻觉”​
  • docker pull 提示timeout
  • 在线 SQL 转 Python ORM工具
  • 【从零开始学习计算机科学】算法分析(二)排序算法 与 分治法
  • Python与Web 3.0:重新定义数字身份验证的未来
  • C# HTTP认证方式详解与代码实现
  • 日常用命令
  • SAP的WPS导出找不到路径怎么办;上载报错怎么办
  • Could not create directory ‘/c/Users/.ssh‘ (No such file or directory).
  • python 数据可视化matplotib库安装与使用
  • 【SpringMVC】深入解析 API 概念及接口定义方法和 SpringMVC 综合实战—简单加法计算器
  • 革新协作体验 | 集和诚KMDA-2631协作机器人控制器重磅上市!
  • [数据结构]排序之 堆排序详解
  • 先有OLE还是先有COM?