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

VUE-组件间通信(一)props

props
1、单向绑定
props是父组件给子组件传输数据
当父组件的属性变化时,将传导给子组件,但是反过来不会
2、使用示例
子组件(类似于方法)

<template>
<div><h2>姓名:{{ name }}</h2><h2>性别:{{ sex }}</h2><h2>年纪:{{ age }}</h2>
</div>
</template>
<script>
export default{name:'StudentInfo',data(){return {msg:"我是一个学生"}},//外部传进来的东西//声明参数类型props:{name:String,sex:String,age:Number}
}
</script>

父组件(调用)

<template><div><StudentInfo name="李四" sex="男" age="18"></StudentInfo></div>
</template><script>
import StudentInfo from './components/StudentInfo'export default {name: 'App',components: {StudentInfo}
}
</script>

浏览器页面
3、总结:
父组件传递数据,子组件接收数据,子组件不可修改数据,只能展示。

相关文章:

  • 什么是http状态码?常见的有哪些(3个)?分别代表什么含义?
  • ModbusTCP转Profinet网关高低字节交换切换
  • el-dialog弹框遮罩层问题
  • 从零开始写 Docker(六)---实现 mydocker run -v 支持数据卷挂载
  • rust最新版本安装-提高下载速度
  • 《加密与解密》例题 TraceMe64
  • android 怎么自定义view
  • Java面试题及答案整理汇总
  • Springboot+Redis:实现缓存 减少对数据库的压力
  • 防范服务器被攻击:查询IP地址的重要性与方法
  • Java 多线程(超详细讲解)上篇
  • 实现:mysql-5.7.42 到 mysql-8.2.0 的升级(二进制方式)
  • BUGKU-WEB shell
  • Vector Magic:高效图像矢量化工具,轻松实现图片转矢量
  • PTA L2-021 点赞狂魔
  • [分享]iOS开发 - 实现UITableView Plain SectionView和table不停留一起滑动
  • 【159天】尚学堂高琪Java300集视频精华笔记(128)
  • 【跃迁之路】【519天】程序员高效学习方法论探索系列(实验阶段276-2018.07.09)...
  • Eureka 2.0 开源流产,真的对你影响很大吗?
  • iOS帅气加载动画、通知视图、红包助手、引导页、导航栏、朋友圈、小游戏等效果源码...
  • Java编程基础24——递归练习
  • php面试题 汇集2
  • Sequelize 中文文档 v4 - Getting started - 入门
  • ubuntu 下nginx安装 并支持https协议
  • webpack+react项目初体验——记录我的webpack环境配置
  • 读懂package.json -- 依赖管理
  • 技术发展面试
  • 区块链分支循环
  • gunicorn工作原理
  • 仓管云——企业云erp功能有哪些?
  • 进程与线程(三)——进程/线程间通信
  • ​【C语言】长篇详解,字符系列篇3-----strstr,strtok,strerror字符串函数的使用【图文详解​】
  • ​ArcGIS Pro 如何批量删除字段
  • ​软考-高级-系统架构设计师教程(清华第2版)【第15章 面向服务架构设计理论与实践(P527~554)-思维导图】​
  • #android不同版本废弃api,新api。
  • #laravel 通过手动安装依赖PHPExcel#
  • $(selector).each()和$.each()的区别
  • (14)学习笔记:动手深度学习(Pytorch神经网络基础)
  • (C#)if (this == null)?你在逗我,this 怎么可能为 null!用 IL 编译和反编译看穿一切
  • (八)Docker网络跨主机通讯vxlan和vlan
  • (带教程)商业版SEO关键词按天计费系统:关键词排名优化、代理服务、手机自适应及搭建教程
  • (二)七种元启发算法(DBO、LO、SWO、COA、LSO、KOA、GRO)求解无人机路径规划MATLAB
  • (附源码)ssm高校实验室 毕业设计 800008
  • (六)软件测试分工
  • (十一)c52学习之旅-动态数码管
  • (四)七种元启发算法(DBO、LO、SWO、COA、LSO、KOA、GRO)求解无人机路径规划MATLAB
  • (一)Linux+Windows下安装ffmpeg
  • (已解决)vue+element-ui实现个人中心,仿照原神
  • (转)利用PHP的debug_backtrace函数,实现PHP文件权限管理、动态加载 【反射】...
  • .naturalWidth 和naturalHeight属性,
  • .NET CLR Hosting 简介
  • .NET Core IdentityServer4实战-开篇介绍与规划
  • .net 程序 换成 java,NET程序员如何转行为J2EE之java基础上(9)
  • .Net 高效开发之不可错过的实用工具
  • .NET 同步与异步 之 原子操作和自旋锁(Interlocked、SpinLock)(九)