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

Vue的props配置项

简介:Vue中的组件模板是可以复用的,但是模板中的数据是可以改变的。props配置项用于解决组件迁移复用时接受和保存传递给组件的数据的问题。 

1.如何给组件传递数据?

答:按照key:value的形式进行传递。

2.如何保存传递给组件的数据?

2.1 使用数组

2.2 使用对象保存

        使用对象进行保存,可以配置每个数据的数据类型、是否为必须、默认值等。

3.一些注意事项

  1. props管理的数据不能够进行修改(实际上可以修改,但是不建议)
  2. 可以使用:key="expression"的形式动态获取key的值,它的值就是expression的计算值。
  3. props接受的数据挂载在组件实例对象之上。但是不具有响应式。
  4. props配置项的数据名与data配置项的数据名重复时,采用props的数据名,因为他们都挂载在组件实例对象之上,props的优先级更高(Vue先处理props再处理data)。所以可以在data配置项中引用props配置项中传进来的数据,使之具有响应式。
  5. props配置项中的数据名没有接收到数据时,为undefined
  6. key属性不能作为key名称 
http://www.lryc.cn/news/158041.html

相关文章:

  • Python开源项目周排行 2023年第32周
  • Python实现猎人猎物优化算法(HPO)优化卷积神经网络回归模型(CNN回归算法)项目实战
  • mysql8 Found option without preceding group错误
  • uniapp 路由不要显示#
  • 算法设计与分析 | 最多约数
  • MySQL 数据库常用操作语句的总结
  • 【面试经典150题】H 指数
  • ARM DIY(十)LRADC 按键
  • 每日一练 | 网络工程师软考真题Day31
  • 最优化:建模、算法与理论(优化建模——2)
  • 库的相关操作
  • 程序分区:全局区、常量区、栈区、堆区、代码区
  • Jtti:windows虚拟机如何设定永久静态路由
  • RocketMQ(3)之事务消息
  • 基于多设计模式下的同步异步日志系统
  • API接口与电商平台之间的联系,采集京东平台数据按关键字搜索商品接口示例
  • 代码随想录day41|343. 整数拆分96. 不同的二叉搜索树
  • Less常用内置函数
  • pdf转换成图片转换器在线怎么转?pdf转换成图片具体方法介绍
  • JavaScript动态设置浏览器可视区域元素的文字颜色、监听滚动条、querySelectorAll、getBoundingClientRect
  • 意向客户的信息获取到底是怎样的,快来get一下
  • 自动化测试常用脚本语言有哪些?
  • mapreduce 的工作原理以及 hdfs 上传文件的流程
  • Ubuntu22.04安装ROS2
  • uniapp - 倒计时组件-优化循环时间倒计时
  • java 实现访问者模式
  • JDK源码剖析之PriorityQueue优先级队列
  • TSINGSEE青犀AI视频分析/边缘计算/AI算法·人脸识别功能——多场景高效运用
  • 力扣(LeetCode)算法_C++——最大连续 1 的个数 III
  • 23062C++QT day2