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

  • 相关阅读:
    nohup 命令的使用
    Linux下完全删除用户
    free命令详解
    Nginx页面不能访问排查思路
    netstat命令详解
    VMware Workstation工具给liunx创建共享磁盘
    yum命令使用小技巧
    Linux 常用命令-- top
    ssh免密访问对端服务
    Java根据IP获取地区(淘宝接口)
  • 原文地址:https://www.cnblogs.com/wsj1/p/10582645.html
Copyright © 2011-2022 走看看