zoukankan      html  css  js  c++  java
  • 父子通信VUE

    vue 的父子通信
     父传子 传递

    当子组件子在父组件中当做标签使用的时候 通过给子组件绑定一个自定义属性 值为需要传递的数据

    接收  : 子组件内部通过props 进行接收 

    接收的方式一种是数组另一种是对象 一般情况下我们用对象 因为对象接受可以校验数据类型

    props:【“自定义属性”】

    props:{

      val:{

        type:string,

        default:默认值

      }

    }

    子传父

    传递:当子组件给父组件传递数据的时候 通过调用父组件给子组件邦定的自定义事件 然后将值传过去

    接收:父组件通过自定义事件的函数来接收子组件传递过来的数据

    这个自定义方法函数在绑定的时候不需要加()

    非父子

    每个组件this 指向不同 给vue。proprtype添加一个属性

    1在vue的原型上添加一个公共vue实例组件之间调用这个公共实例的$on/$emit 来传递数据  传递一方调用$emit 接收调用$on

    2手动封装$on$off$emit  原理 观察者模式

    3EventBus

    4vuex

  • 相关阅读:
    Linux 期中架构 PHP
    Linux 期中架构 MySQL
    Python 示例 饮水记录
    Linux 期中架构 inotify
    Linux期中架构 全网备份案例
    分布式存储系统Ceph部署过程 · Jayden's Blog
    Go语言汇编器的设计
    linux基础3
    6.2.2 多余的列另起一行
    linux网络设备驱动2
  • 原文地址:https://www.cnblogs.com/wsj1/p/10582645.html
Copyright © 2011-2022 走看看