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

vue前端开发自学demo,父子组件之间传递数据demo2

vue前端开发自学demo,父子组件之间传递数据demo2!实际上,组件之间传递数据的,数据类型,是可以多种多样的,下面为大家展示几个常见的数据类型,比如数字类型,数组类型,对象类型。

代码如下所示:

<template><h3>Parent</h3><Child  title="Parents内容!222" :age="age" :names="names" :userInfo="userInfo"/>
</template>
<script>
import Child from "./Child.vue"export default{data(){return {age:38,names:["admin","guest",'tiger'],userInfo:{name:"Json",age:24}}},components:{Child}}
</script>

如图所示,以上代码就是,三种类型的,第一个年龄age,是数字类型。第二个名字的数组,第三个是一个用户信息的,对象类型。


如图,都可以正常获取到,在子组件里,可以正常获取到父组件传递过来的数据内容。

下一期内容给大家分享的是,Props传递数据的时候需要做校验,针对类型校验的内容。

相关文章:

  • 235.【2023年华为OD机试真题(C卷)】机器人搬砖(二分查找-JavaPythonC++JS实现)
  • 硬核加码!星邦蓝助力全球运力最大固体火箭“引力一号”海上首飞
  • python处理目录下文本文件去除空格和空行
  • 关于Python里xlwings库对Excel表格的操作(三十二)
  • Rust类型之字符串
  • 活动回顾∣“全邻友好,艺术大咖交流会”——员村街开展社区微型养老博览会长者文艺汇演活动
  • 内 存 取 证
  • 查看SQL Server的表字段类型、长度、描述以及是否可为null
  • Redis 教程
  • untiy使用http下载资源
  • Windows安装Rust环境(详细教程)
  • 【深度学习】SDXL tensorRT 推理,Stable Diffusion 转onnx,转TensorRT
  • Docker Compose 部署 jenkins
  • 【Vue3】2-4 : 声明式渲染及响应式数据实现原理
  • 黑马苍穹外卖学习Day5
  • .pyc 想到的一些问题
  • Codepen 每日精选(2018-3-25)
  • Iterator 和 for...of 循环
  • JS专题之继承
  • Less 日常用法
  • Synchronized 关键字使用、底层原理、JDK1.6 之后的底层优化以及 和ReenTrantLock 的对比...
  • 多线程 start 和 run 方法到底有什么区别?
  • 回流、重绘及其优化
  • 聊聊directory traversal attack
  • 盘点那些不知名却常用的 Git 操作
  • Hibernate主键生成策略及选择
  • 回归生活:清理微信公众号
  • 微龛半导体获数千万Pre-A轮融资,投资方为国中创投 ...
  • ​LeetCode解法汇总1276. 不浪费原料的汉堡制作方案
  • ​TypeScript都不会用,也敢说会前端?
  • #LLM入门|Prompt#1.7_文本拓展_Expanding
  • (function(){})()的分步解析
  • (java)关于Thread的挂起和恢复
  • (PHP)设置修改 Apache 文件根目录 (Document Root)(转帖)
  • (附源码)springboot人体健康检测微信小程序 毕业设计 012142
  • (简单) HDU 2612 Find a way,BFS。
  • (三)终结任务
  • (四)七种元启发算法(DBO、LO、SWO、COA、LSO、KOA、GRO)求解无人机路径规划MATLAB
  • (原创)boost.property_tree解析xml的帮助类以及中文解析问题的解决
  • (转)详解PHP处理密码的几种方式
  • (转载)VS2010/MFC编程入门之三十四(菜单:VS2010菜单资源详解)
  • ******IT公司面试题汇总+优秀技术博客汇总
  • .chm格式文件如何阅读
  • .NET6 开发一个检查某些状态持续多长时间的类
  • .Net6支持的操作系统版本(.net8已来,你还在用.netframework4.5吗)
  • .Net调用Java编写的WebServices返回值为Null的解决方法(SoapUI工具测试有返回值)
  • .NET连接MongoDB数据库实例教程
  • @JsonSerialize注解的使用
  • @Mapper作用
  • @reference注解_Dubbo配置参考手册之dubbo:reference
  • [100天算法】-x 的平方根(day 61)
  • [APIO2015]巴厘岛的雕塑
  • [ASP.NET MVC]Ajax与CustomErrors的尴尬
  • [BetterExplained]书写是为了更好的思考(转载)
  • [CDOJ 1343] 卿学姐失恋了