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

Vue学习之路15----Props

1.props父子组件传参

props可以实现父组件向子组件传递数据,也可以实现子向父传参

请添加图片描述

运行效果如下:

请添加图片描述

需要接收props才能在script中使用

let n = defineProps(['name'])
console.log(n);
console.log(n.name);

请添加图片描述

如果是ts代码可以控制传入类型

defineProps<{name:String}>()

以下是子向父传值:

请添加图片描述

请添加图片描述

2.props路由传参
  • params一起传参

请添加图片描述

  • query一起传参

请添加图片描述


http://www.kler.cn/a/378859.html

相关文章:

  • windows XP,ReactOS系统3.4 共享映射区(Section)---2
  • PKG_CHECK_MODULES(FUSE,fuse)
  • PHP常量
  • Linux curl命令下载显示时间/速度/大小
  • ENSP (虚拟路由冗余协议)VRRP配置
  • 低代码用户中心:简化开发,提升效率的新时代
  • 华为鸿蒙应用开发
  • 百度如何打造AI原生研发新范式?
  • 双向链表及如何使用GLib的GList实现双向链表
  • b站小土堆PyTorch视频学习笔记(CIFAR10数据集分类实例)
  • javascript 字符串转json格式数组
  • nginx系列--(三)--http
  • L1-2 什么是机器学习
  • 一些python torch函数
  • ROS(Robot Operating System)中,编写一个记录机器人速度并将其转换成轨迹
  • 【jvm】Full GC
  • 网络层3——IP数据报转发的过程
  • 请你谈一谈闭包?详细解释闭包的概念、形成原因、作用及与作用域、垃圾回收机制的关系
  • 深度学习(十):伦理与社会影响的深度剖析(10/10)
  • 最简单方式SSH连接局域网中另一台电脑的WSL2
  • java并发编程-volatile的作用
  • 搜索引擎语法大全(Google、bing、baidu)
  • scala Map集合
  • MySQL45讲 第十二讲 为什么我的MySQL会“抖”一下?
  • 大数据新视界 -- 大数据大厂之提升 Impala 查询效率:索引优化的秘籍大揭秘(上)(3/30)
  • 「iOS」——知乎日报一二周总结