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

科技前沿 • 2025-04-26 16:40 • 阅读 43

大家好，我是讯享网，很高兴认识大家。

 <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> <path stroke-linecap="round" d="M5,0 0,2.5 5,5z" id="raphael-marker-block" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path> </svg> <p></p>

讯享网

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

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

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

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

父亲在子组件中添加属性

讯享网

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

讯享网

讯享网

child.vue

parent.vue

讯享网

在这里插入图片描述

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

Child.vue

Parent.vue

讯享网

在这里插入图片描述

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

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

Crated：2024-3-1

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

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

相关推荐