zoukankan      html  css  js  c++  java
  • Vue--父子组件之间的传值

    1.父传子

    1.在父组件中给子组件绑定动态属性

    <v-home :title="title"></v-home>

    2.在子组件中用propos[]接收

    export default{
    data(){
    return{
    msg:''
    }
    },
    methods:{},
    props:['title']
    }//这里还可以验证传递对象的合法性;props:['title':String]
     

    这里传值还可以传方法和对象;通过方法的参数传递还可以实现富组件接受子组件的值;

    -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

    除了传值还可以主动获取

    1.父组件主动获取子组件的属性和方法

               (1)调用的子组件的时候定义ref

                (2)在父组件中通过this.$refs.子组件的ref名.属性/his.$refs.子组件的ref名.方法

    2.子组件主动获取父组件的数据和方法

    直接通过 this.$parent.数据/this.$parent.方法

  • 相关阅读:
    契约测试SpringCloud Contract入门
    CircuitBreaker 组件 resilience4j
    阿里开源的15个顶级Java项目
    将军令:数据安全平台建设实践
    ResNet
    设计模式
    muduo评测摘要
    muduo 学习
    RAII
    大数据框架
  • 原文地址:https://www.cnblogs.com/changedman/p/9193174.html
Copyright © 2011-2022 走看看