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

  • 相关阅读:
    团队作业7
    团队作业五
    团队作业四
    团队作业3
    团队作业调研
    团队作业 团队组织方式讨论
    团队成员介绍
    iOS大神博客列表
    iOS JSBridge实现
    「节日换肤」通用技术方案__iOS端实现
  • 原文地址:https://www.cnblogs.com/changedman/p/9193174.html
Copyright © 2011-2022 走看看