1. 程式人生 > >前端vue框架 父組件與子組件之間的相互調用

前端vue框架 父組件與子組件之間的相互調用

-o func 方法名 互調 required temp 之間 methods on()

子組件調用父組件東西:
  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.參數=最開始傳值的名字;
    }

前端vue框架 父組件與子組件之間的相互調用