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

三、小结

相关推荐
世界哪有真情3 小时前
拿人类意识卡 AI?等于用 bug 验收正式产品
前端·人工智能·后端
鱼樱前端3 小时前
别再自己拼凑了!这款 Vue 3.5+ 严肃产品级组件库,把 AI 对话、工作流和复杂数据全包了!
javascript·vue.js·github
Listen·Rain4 小时前
Vue3:setup详解
前端·javascript·vue.js
Patrick_Wilson4 小时前
修好 bug 只是开始:一次由监控需求反向重构日志结构的复盘
前端·监控·数据可视化
kyriewen5 小时前
面试官让我优化一个卡死的表格,我打开 Claude 五秒重写,他放下咖啡问我要不要来当组长
前端·javascript·面试
小粉粉hhh5 小时前
React(二)——dom、组件间通信、useEffect
前端·javascript·react.js
Csvn5 小时前
🤖 AI 生成前端代码的 5 个典型翻车现场及修复指南
前端
IT_陈寒6 小时前
SpringBoot自动装配坑了我一天,原来问题出在这
前端·人工智能·后端
索西引擎7 小时前
【React】key 属性:协调算法中的元素标识机制与最佳实践
前端·javascript·react.js
只会cv的前端攻城狮8 小时前
动态组件架构设计:从配置到事件驱动全链路解析
前端·vue.js