vue-属性传值 props

props属性传值

1、传具体的值  string(字符串) number(数值) boolean(布尔)

2、传一个引用 array(数组)  object(对象)

 

----传引用-----

代码

界面效果

删除后的效果

----传一个具体的值-----

        

 


 

 

props 两种传值

1、父组件向子组件传值(属性传值)

2、子组件向父组件传值(事件传值)

 

属性传值 —— 父(组件)传子(组件)

 

在子组件中需要接收父组件传过来的属性

 


 

事件传值 —— 子传父 $emit

$emit("自己定义的事件名","传的内容")

 

通过$emit("change","这是子传父的值")注册事件  change为事件名称 后面的为传的内容

触发$emit事件后,会在父组件中查找 对应的 change 事件

 

posted @   想上天与太阳并肩  阅读(21978)  评论(0编辑  收藏  举报
编辑推荐:
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
· 一个奇形怪状的面试题:Bean中的CHM要不要加volatile?
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
阅读排行:
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· 没有源码,如何修改代码逻辑?
· PowerShell开发游戏 · 打蜜蜂
· 在鹅厂做java开发是什么体验
· WPF到Web的无缝过渡:英雄联盟客户端的OpenSilver迁移实战
点击右上角即可分享
微信分享提示