父子组件之间传递数据的方法

一.属性
组件是Vue.js开发中的基本单元,组件之间不可避免的需要传递数据

从父组件向子组件传递数据是最主要的方式,可通过组件的props(属性)和slot(插槽)来实现

vue.js还允许使用更明确的方式定义属性,即通过一个对象而不是一个数组来定义一个组件的各种属性。

使用props选项来定义:

 props声明:一个组件需要显示声明它所接受的props:这样vue才能指导外部传入的是

 使用props选项定义:

 一:使用字符串数组声明
 export default {
     props:['name','age']
 }

 二:使用对象方式来声明
 export dafult{
     props:{
         key:value,
         (key是props的名称,值是该props预期类型的构造函数)
         name:String,
         age:Number
     }
 }

2.使用对象的方式来声明

 export default {
 
        props:{
 
            key:value,
 
            (key是prop的名称,值是该prop预期类型的构造函数)
 
            name:Sting,
 
            age:Number.
 
        }
 
    }

[props单向数据流]

概念:父组件的数据改变了会自动流动到自组件,但是子不允许修改由props流过来的数据

        所谓的单向数据流不允许子修改,是不允许改栈,但是可以改堆。

例如:父传了数组给子,

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值