父子传参路由传参 setStorageSync传参轮播图

最新推荐文章于 2023-06-19 10:04:37 发布

m0_64856325

最新推荐文章于 2023-06-19 10:04:37 发布

阅读量296

点赞数 1

文章标签： vue

本文链接：https://blog.csdn.net/m0_64856325/article/details/126179193

版权

本文介绍了在Vue中进行父子组件间参数传递的方法，包括父传子通过属性绑定，子传父利用$emit触发事件传递。同时，文章讲解了路由参数的设置和使用，以及利用setStorageSync进行同步存储。最后，探讨了如何实现轮播图功能，重点提及了swiper组件。

摘要由CSDN通过智能技术生成

文章目录

父子传参

1 父传子

创建和引入组件son.vue

	import son from '../../componets/son.vue'
components:{
			son
		}
<son></son>

父传子 :名字="属性"

<son v-bind:fatherprice="price" ></son>

接受 propos

1  props:['fatherprice','sonname'],



2   	props:{
			fatherprice:{
				type:Number,//检查数据类型
				default:0,//默认值
				required:true//必填项
			},
			sonname:{
				type:String,//检查数据类型
				default:'' ,//默认值
				required:true//必填项
			},
			sonUserInfo:{
				type:Object,//检查数据类型
				default:{},//默认值
				required:true//必填项
			}
		},