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.方法

  • 相关阅读:
    PPT_标题
    产品需求撰写-架构图
    测试
    SparkLauncher 1.6 版本bug
    Github fork同步
    Maven 配置远程仓库
    Sqoop2中传入配置文件中url之【坑】
    Spark性能优化-coalesce(n)
    面试算法题目
    Git 基本概念及常用命令
  • 原文地址:https://www.cnblogs.com/changedman/p/9193174.html
Copyright © 2011-2022 走看看