前端vue框架 父组件与子组件之间的相互调用

子组件调用父组件东西:
  1.在父组件与子组件契合的标签的的template模板中绑定 v-bind:自定义一个名字=“要调用的名字”
  2.在子组件的script中props:["自定义的名字"]
     最严谨的props:{
      自定义的名字:{
        type:数据类型,
        required:true
      },
      自定义的名字:{
        type:数据类型,
        required:true
      }
    }
  3.同时把上面调用的原来的名字改成现在的

子组件传值给父组件:
  1.在子组件的script中的methods下定义一个方法
    方法名:function(){
      this.$emit('自定义一个名字','传值的内容');
    }
  2.在父组件的template的一个标签下输入 v-on:自定义的名字=“再自定义一个名字($event)”\
  3.在父组件的script中的methods下定义一个方法
    第二次自定义的名字(参数){
      this.参数=最开始传值的名字;
    }

猜你喜欢

转载自www.cnblogs.com/mcll/p/9707708.html
今日推荐