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

Vue-19-前端框架Vue之应用基础组件通信(二)

文章目录

  • 1 v-model(父子相传)
    • 1.1 App.vue
    • 1.2 Father.vue
      • 1.2.1 v-model用在html标签上
      • 1.2.2 v-model用在html标签上(本质写法)
      • 1.2.3 v-model用在组件标签上
      • 1.2.4 v-model用在组件标签上(本质写法)
    • 1.3 MyInput(自定义的组件)
    • 1.4 修改modelValue
      • 1.4.1 Father.vue
      • 1.4.2 MyInput.vue
  • 2 attrs(祖传孙打扰中间人)
    • 2.1 Father.vue
    • 2.2 Child.vue
    • 2.3 GrandChild.vue
  • 3 美元refs和美元parent
    • 3.1 Father.vue
    • 3.2 Child1.vue
    • 3.3 Child2.vue

方式一:使用vue/cli脚手架
CMD>vue create 项目名称方式二:使用vite创建Vue3项目
注意node.js的版本要是最新的
CMD>npm create vue@latest

在这里插入图片描述

1 v-model(父子相传)

在这里插入图片描述

1.1 App.vue

<template><Father />
http://www.dtcms.com/a/266617.html

相关文章:

  • Linux基本命令篇 —— uname命令
  • HarmonyOS学习记录3
  • 【技术架构解析】国产化双复旦微FPGA+飞腾D2000核心板架构
  • 「源力觉醒 创作者计划」_文心 4.5 开源模型玩出花——教育场景下 Scratch 积木自动化生成的部署实践与优化
  • 【算法刷题记录001】整型数组合并(java代码实现)
  • 转Go学习笔记
  • RT‑DETRv2 详解:Real‑Time DETR 的 Bag‑of‑Freebies 与部署优化
  • PNG图像压缩优化工具
  • 钉钉小程序开发技巧:getSystemInfo 系统信息获取全解析
  • IRIV算法详解 | 变量选择的迭代保留法
  • 全星稽核管理软件系统——企业智能化稽核管理的最佳解决方案
  • zxing去白边
  • 督皇口粮酱酒 平价不平质
  • 第十五节:第三部分:特殊文件:XML概述、解析
  • C语言中的输入输出函数:构建程序交互的基石
  • Linux的压缩与解压缩
  • WPF 右键菜单 MenuItem 绑定图片时只显示最后一个 Icon
  • OpenCV 相机标定中的畸变系数及调试硬件
  • 前端渲染大量图片的首屏加载优化方案
  • 刷题笔记--串联所有单词的子串
  • [附源码+数据库+毕业论文]基于Spring+MyBatis+MySQL+Maven+jsp实现的个人财务管理系统,推荐!
  • [附源码+数据库+毕业论文]基于Spring+MyBatis+MySQL+Maven+jsp实现的电影小说网站管理系统,推荐!
  • 儿童益智玩具+AI大模型能不能原地起飞?
  • Unity URP法线贴图实现教程
  • 三、jenkins使用tomcat部署项目
  • RK-Android11-性能优化-限制App内存上限默认512m
  • 利用TCP协议,创建一个多人聊天室
  • 使用reactor-rabbitmq库监听Rabbitmq
  • Go中使用Google Authenticator
  • 东软8位MCU低功耗调试总结