Vue49-props属性

一、当同一个组件标签被使用多次

因为data属性写的是函数形式!

二、需求:老王也想用<Student>组件,但是需要动态把老王想要的值传进来。

2-1、使用props属性接收参数

使用props属性,接收的这三个参数,是被保存在当前组件vue的vc实例对象上的!!!

2-2、传参 

2-3、显示需要加工的数据:

属性前不加:,写啥都是传入的字符串!!!

2-4、props接收参数,并限制传参类型 

2-5、接收的同时对数据:类型限定、默认值指定、必要性限制。

2-6、props参数是只读的

props属性接收到的参数,值不建议修改!

2-7、修改传参

data中的key值,不能和props中的值,同名,同名的话,props中的优先级更高,data中的数据不生效,且控制套报错! 

三、小结

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/web/28596.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

软件概要设计书(Word原件项目直接套用)

1引言 1.1编写目的 1.2项目背景 1.3参考资料 2系统总体设计 2.1整体架构 2.2整体功能架构 2.3整体技术架构 2.4运行环境设计 2.5设计目标 3系统功能模块设计 3.1个人办公 4性能设计 4.1响应时间 4.2并发用户数 5接口设计 5.1接口设计原则 5.2接口实现方式 6运行设计 6.1运行模块…

JetLinks开源物联网平台社区版部署教程

1.上github搜素jetlinks 2.找到源代码,并且下载到本地。 3.项目下载完成之后,还需要另外下载三个核心依赖模块。在github找到jetlinks。 4.点击进去下载,下载完成之后,你会发现里面有三个文件夹是空白的,先不用理会,把它复制到jetlinks-commnity目录下,并且在pom.xml添加…

哪个品牌台灯护眼效果好?几款护眼效果好的专业护眼灯品牌推荐

随着科技的不断发展和生活方式的改变&#xff0c;儿童青少年近视率的增长趋势引起了人们的关注。近视不仅对孩子们的视力健康构成威胁&#xff0c;还可能对他们的学习和日常生活带来不便。因此&#xff0c;如何有效地预防和改善儿童青少年的视力问题成为了一个亟待解决的课题。…

如何在WIndows虚拟机安装 macOS 黑苹果系统?

在本教程中&#xff0c;我们将介绍如何在虚拟机上安装 macOS 黑苹果系统。黑苹果系统是非苹果公司官方支持的 macOS 系统的非官方版本&#xff0c;可以在普通 PC 上运行。请注意&#xff0c;安装黑苹果系统可能违反苹果的许可协议&#xff0c;请自行承担风险。参考视频教程&…

k8s部署短视频网站(后台+web前端+web管理)

一、系统环境 系统centos7k8sv1.24containerdv1.7.16etcdv3.5.0 二、镜像生成工具准备 nerdctlv1.7.6buildkitv0.13.2 1 nerdctl安装 下载&#xff1a; wget -c https://github.com/containerd/nerdctl/releases/download/v1.7.6/nerdctl-full-1.7.6-linux-amd64.tar.gz …

windows 用bat文件启动SpringBoot项目,控制台乱码

先展示修改过&#xff0c;乱码问题已解决的bat文件内容&#xff1a; chcp 65001 title start-app java -Dfile.encodingUTF-8 -jar app.jar --server.port8986 --dubbo.protocol.port21886 --logging.file.encodingUTF-8 call "%EXECUTABLE%" run %CMD_LINE_ARGS% 说…

vue标签组

先看样式 再看代码 <div v-else class"relative"><n-tabs ref"tabsInstRef" v-model:value"selectValue" class"min-w-3xl myTabs"><n-tab-panev-for"(tab) in songsTags" :key"tab.name" displ…

遵循法规,科学检测:可燃气体报警器多久检测一次?

在工业生产和日常生活中&#xff0c;可燃气体报警器作为一种重要的安全设备&#xff0c;能够实时监测并预警潜在的可燃气体泄漏风险&#xff0c;对于防范火灾和爆炸事故至关重要。 在这篇文章中&#xff0c;佰德将围绕可燃气体报警器的检测频率展开探讨&#xff0c;包括其功能…

el-select filterable模糊搜索在iOS手机上无法弹出软键盘,解决方案

前提&#xff1a; el-select filterable模糊搜索在iOS手机上无法弹出软键盘&#xff0c;在手机上使用时&#xff0c;iOS手机&#xff0c;该组件无法唤起软键盘&#xff0c;导致没法进行模糊搜素。 于是。开始去找原因&#xff0c;发现主要是因为 组件中&#xff0c;input上有一…

docker-compose jira、bugzilla、zentao

参见文章&#xff0c;这里是对之前的内容进行了改动&#xff0c;主要讲怎么将zentao容器融入到已有的docker-compose.yml中 一、zentao镜像 从官网上拉取&#xff1a;https://hub.docker.com/r/easysoft/zentao/tags 可以选择自己想要的版本&#xff0c;这里我选择的是开源版…

地学类期刊最新CiteScore™ 汇总

地球与行星科学 前1000个 来源出版物名称 (地学之家整理&#xff09;CiteScoreNature Reviews Earth and Environment52.9Reviews of Geophysics50.3Astronomy and Astrophysics Review45Living Reviews in Solar Physics41.9Annual Review of Marine Science33.6Nature…

分布式系统如何做到海量数据边云协同?看 TDengine 油气领域解决方案

在某大型油田生产管理方案中&#xff0c;用户需要实现生产现场的自动化采集与控制、生产视频系统、工业物联网、生产数据服务、智能化生产管控应用以及各个环节的信息化采集标准建设等内容。在 TDengine 的帮助下&#xff0c;该大型项目成功完成了技术优化升级。本篇文章将就本…

椭圆曲线加密算法中公钥与私钥互换性分析

PrimiHub一款由密码学专家团队打造的开源隐私计算平台&#xff0c;专注于分享数据安全、密码学、联邦学习、同态加密等隐私计算领域的技术和内容。 在现代密码学中&#xff0c;椭圆曲线加密算法&#xff08;Elliptic Curve Cryptography, ECC&#xff09;因其高效的加密速度、较…

如何通过墙面互动投影打造全新娱乐体验?

随着展厅设计技术的飞速发展&#xff0c;我们见证了无数令人惊叹的创意墙面互动设计形式的涌现。其中&#xff0c;墙面互动投影凭借其独特的魅力&#xff0c;成为了备受欢迎的创意墙面设计典范。它巧妙地融合了展示内容与互动体验&#xff0c;彻底革新了观众与数字内容的交流方…

通过向量叉乘计算姿态充电桩朝向

通过向量叉乘计算姿态充电桩朝向 需求&#xff1a; 通过geometry_msgs::PointStamped intersection_ros_line1; geometry_msgs::PointStamped intersection_ros_line2&#xff1b;geometry_msgs::PointStamped intersection_ros_point;其中 intersection_ros_line1与intersec…

【编程语言】Python平台化为何比Java差?

人不走空 &#x1f308;个人主页&#xff1a;人不走空 &#x1f496;系列专栏&#xff1a;算法专题 ⏰诗词歌赋&#xff1a;斯是陋室&#xff0c;惟吾德馨 目录 &#x1f308;个人主页&#xff1a;人不走空 &#x1f496;系列专栏&#xff1a;算法专题 ⏰诗词歌…

代码随想录算法训练营day59 | 115.不同的子序列、583. 两个字符串的删除操作、72. 编辑距离

115.不同的子序列 1、确定dp数组以及下标的含义 dp[i][j]&#xff1a;以i-1为结尾的s子序列中出现以j-1为结尾的t的个数为dp[i][j] 2、确定递推公式 这一类问题&#xff0c;基本是要分析两种情况 s[i - 1] 与 t[j - 1]相等s[i - 1] 与 t[j - 1] 不相等 &#xff08;1&…

ROS 机器人运动控制(C++实现)

ROS 机器人运动控制&#xff08;C实现&#xff09; 实现思路 构建一个新的软件包&#xff0c;报名叫做vel_pkg在软件包中新建一个节点&#xff0c;节点名叫做vel_node在节点中&#xff0c;向ROS大管家NodeHandle申请发布话题/cmd_vel&#xff0c;并拿到发布对象vel_pub构建一…

C语言学习系列:初识C语言

前言&#xff0c;C语言是什么 语言&#xff0c;比如中文、英语、法语、德语等&#xff0c;是人与人交流的工具。 C语言也是语言&#xff0c;不过是一种特殊的语言&#xff0c;是人与计算机交流的工具。 为什么叫C语言呢&#xff1f; 这就要从C语言的历史说起了。 一&#…

【电脑小白】装机从认识电脑部件开始

前言 在 B 站上刷到了一个很牛逼的电脑装机视频&#xff0c;很适合电脑小白学习&#xff0c;故用文本记录下。 推荐对组装台式电脑有兴趣的小伙伴都去看看这个视频&#xff1a; 原视频链接&#xff1a;【装机教程】全网最好的装机教程&#xff0c;没有之一_哔哩哔哩_bilibil…