zoukankan      html  css  js  c++  java
  • 组件传值的方式

    父传子:
    传递:当子组件在父组件中当做标签使用的时候,给当前子组件绑定一个自定义属性,值为需要传递的数据
    接收:在子组件内部通过props属性来进行接收。props接收的方式有2种一种为数组 另一种为对象
     
    1、数组接收:props:[自定义属性]
     
    2、对象接收:
    props:{
    自定义属性:{
    type:
    default:
    required
    }
    }
     
    type:限制外部数据的类型
    default:默认值 当父组件没有给子组件传递值得时候用默认值
    required:当前属性是必传的值
     
     
    子传父
    1/当子组件在父组件中当做标签使用的时候,给当前子组件绑定一个自定义方法。值为接收参数的函数(注意这个函数不允许加());
    在子组件内部通过this.$emit来调用自定义方法,值通过函数进行传递
     
     
    2/插槽作用域
     
     
    非父子传递
    1/在Vue的原型上加一个公共方法即可 (只要能让组件拥有共同的$on $emit就可以实现非父子组件传值)
    a:给原型上添加一个公共的vue实例
    2/添加一个observer(手动封装的事件订阅)
     
    3/Eventbus
     
    4/vuex
  • 相关阅读:
    字符串系列复习
    点分治总结
    LCT总结
    网络流总结
    centOS7下安装GUI图形界面
    周记 2014.10.8
    周记 2014.9.28
    周记 2014.9.20
    tar命令
    [转]bit与byte
  • 原文地址:https://www.cnblogs.com/muzishijie/p/11283672.html
Copyright © 2011-2022 走看看