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中的数据不生效,且控制套报错!

三、小结

相关推荐
源码云商11 分钟前
基于 SpringBoot + Vue 的海滨体育馆管理系统设计与实现
vue.js·spring boot·后端
肥肠可耐的西西公主42 分钟前
前端(小程序)学习笔记(CLASS 2):WXML模板语法与WXSS模板样式
前端·学习·小程序
逆袭的菜鸟X2 小时前
RxJS 高阶映射操作符详解:map、mergeMap 和 switchMap
前端
bubiyoushang8882 小时前
HTML5的新语义化标签
前端·html·html5
会飞的鱼先生2 小时前
vue3自定义指令来实现 v-copy 功能
前端·javascript·vue.js
陈天伟教授2 小时前
Web前端开发 - 制作简单的焦点图效果
java·开发语言·前端·前端开发·visual studio
_殊途3 小时前
前端三件套之html详解
前端·html
不思念一个荒废的名字3 小时前
【黑马JavaWeb+AI知识梳理】后端Web基础03 - MySQL概述
前端·数据库·mysql
橙子199110164 小时前
谈谈 Kotlin 中的构造方法,有哪些注意事项?
java·前端·kotlin
*neverGiveUp*5 小时前
本地分支git push 报错 fatal: The current branch XXXX has no upstream branch.
前端·git·gitea