1. 首页首页
  2. 编程日记编程日记

vue插槽传值解构（vue插槽传递数据）

编程日记 • • 阅读 60

vue插槽传值解构（vue插槽传递数据）欢迎关注 VUE 专栏 持续更新中 欢迎关注 VUE 专栏 持续更新中 Vue js 中的 props 是用来父子组件之间传递数据的机制 在 Vue 组件中 可以通过 props 属性来定义需要从父组件接收的数据 然后在父组件中通过标签属性的形式传递这些数据给子组件 在子组件中 可以通过 props 选项来声明要接收的属性 并且在子组件中就可以像访问 data 中的数据一样来访问 props 中的数据 注意



欢迎关注 『VUE』 专栏，持续更新中
欢迎关注 『VUE』 专栏，持续更新中

Vue.js中的props是用来父子组件之间传递数据的机制。在Vue组件中，可以通过props属性来定义需要从父组件接收的数据，然后在父组件中通过标签属性的形式传递这些数据给子组件。

在子组件中，可以通过props选项来声明要接收的属性，并且在子组件中就可以像访问data中的数据一样来访问props中的数据。

注意:只能是父给子不能父从子那里拿.

父亲在子组件中添加属性

 

子组件拿到数据,注意是字符串格式的title
 

 

child中拿到来自parent的title数据
 app.vue
 

 

child.vue
 

 

parent.vue
 

 

在这里插入图片描述
 

 
 

这里和前面的  有区别,这里的写法在data中配置数据,请注意不要忘记了:号.可以传递多种类型的数据.
 

Child.vue
 

 

Parent.vue
 

 

 

在这里插入图片描述
 
 

大家喜欢的话，给个👍，点个关注！给大家分享更多计算机专业学生的求学之路！
 

版权声明：
 

发现你走远了@mzh原创作品，转载必须标注原文链接
 

Copyright 2024 mzh
 

Crated：2024-3-1
 

 
 
欢迎关注 『VUE』 专栏，持续更新中
 欢迎关注 『VUE』 专栏，持续更新中
 『未完待续』
 

 


                    


                    


                    

                        

                            

                                编程小号
                            

                            

                                

                                    
                                        
                                    
                                

                            

                        

                    

                


                

                    
                    
                    

                        
                        

                             上一篇
                            2025-02-07 16:17
                        

                    

                    
                    


                    
                    
                    

                        
                        

                            下一篇 
                            2025-04-09 11:33
                        

                    

                    
                    
                


                

                    
相关推荐

                    
                

                

                    

                        版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，
                        请发送邮件至 举报，一经查实，本站将立刻删除。
如需转载请保留出处：https://bianchenghao.cn/bian-cheng-ri-ji/63133.html