VUE组件

2 篇文章 0 订阅
vue组件构成:
  • prop
    • 最好使用对象方式
      	props:{
      		msg:{
      			type:[Number],
      			defalut:2,
      			validator (value):{
      				//提交判断最终返回波尔值
      				return true
      			}
      		}
      	}
      
  • evet
  • solt
组件通信
props、eventBus、ref、 p a r e n t / parent/ parent/children、$emit $on
  • provide/inject成对出现 用法:允许一个祖先组件向子组件传入一个依赖
    用法:(A组件为父 B为子)
	//A.vue
	export defult{
		provide:{
   			name:"我来自A组件"
   		}
	}
	//B组件
	export default{
   	inject:["name"],
   	mouted:{
   	console.log(this.name)  //我来自A组件
   	}
   }
   **** 这种传值不存在响应式、如果传入的数据是响应式的、则也是响应式

用处:登陆用的账户名字存储

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值