doc---vue-cli脚手架项目问题总结(12)——vue组件中的传值问题(非使用vuex)

本文总结了Vue中各种组件间的通信方式,包括:父组件通过props向子组件传值,使用sync修饰符更新props,子组件通过$emit向父组件传值,非父子组件间借助Event Bus通信,多级组件嵌套的通信,祖先组件通过provide/inject向后代组件传递数据,以及全局请求数据注入组件。同时,还介绍了避免Vue页面刷新时闪动效果的方法。
摘要由CSDN通过智能技术生成

##、父组件向子组件传值(props)
props的值中不可有大写字母,若为listData则不会识别
在这里插入图片描述
引用该组件时,通过import引入,并且components中要写入引入的组件的命名,在组件中以prop的形式进行传参
在这里插入图片描述

规定props的数据格式和默认值
对于Object和Array的设置默认default值的,要使用工厂函数去 return一个值,否则报错:Props with type Object/Array must use a factory function to return the default value

props: {
    
	visible: {
   
		type: Boolean, 
		default: false
	},
	publishData: {
   
		type: Object, 
		default: ()=>{
   
			return {
   
				id : '',
				type: '1', // 1 发布; 0 下线
			}
		}
	}
},

$props:当前组件从父组件那里接收的参数,通俗的讲和$attr差不多,但是只包括在当前组件中定义了的props属性&#

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值