vue的组件化开发(组件通信,插槽,递归组件)

本文详细探讨了Vue的组件通信机制,包括父向子、子向父、兄弟组件以及祖代与后代组件之间的通信,强调了props、refs、$emit、$parent、bus和vuex的应用。此外,还介绍了Vue组件插槽的使用,包括匿名和具名组件,并阐述了如何实现组件的递归调用,强调了递归组件的结束条件和命名规则。
摘要由CSDN通过智能技术生成

1. vue组件的通信:包括子通父,父通子,兄弟通信,祖代与后代通信,vuex全局状态管理。

    1.1 父向子通信:props属性和refs属性。

          1.1.1 props属性:

//在子组件中
props:{
   age: {
      type: Number, //父组件传递过来age变量的类型,包括String、Number、Boolean、Array、Object、Date、Function、Symbol。
      default: 0,  //默认值
      required: true,  //是否必填
      validator: function (value) {  //传递过来的值的校验。验证失败的时候,Vue 将会产生一个控制台的警告。
        return value >= 0
      }
   },
   age1:[Number,String],   //存在多种类型。
}

//在父组件中
<child :age='ageValue' :age1="age1Value"></child>

          1.1.2 refs属性:

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值