vue—組件通信,ref


組件通信:

  父組件傳遞子組件:

    把需要的數據 傳遞給 子組件的數據,以數據綁定(v-bind)的形式,傳遞到子組件內部,供子組件使用,縮寫(:)

    動態傳遞:

      第一步:在父組件中的子組件標簽中進行動態的傳值:

        

      第二步:在子組件手動填寫props這個對象屬性  

         第三步:在子組件中 props 進行接收數據,通過 this.$props.傳遞過來數據的名稱

        

      props:

        props是一個對象

        props是組件標簽上的所有屬性身上構成的集合,用於父組件和子組件之間通信的一個橋梁

        注意:組件中的this都是指向組件自己的

    靜態傳遞:(死數據,不會被修改)

      

    什么是 靜態傳值 和 動態傳值?

      靜態傳值:標志就是沒有 v-bind(死數據不會通過ajax更開的)

      動態傳值:數據是活的,可以改變子組件原本的數據。

  子組件傳遞父組件

    子組件把數據傳遞給父組件,使用的是自定義事件,使用的是 事件綁定機制 v-on 縮寫:@

    在父組件,當我們定義一個 事件屬性 之后,那么,子組件就能夠,通過某些方式,來調用 傳遞進去的的方法了

      showfou就是自定義的事件屬性,ffshow是方法

      

     子組件:通過 this.$emit(),第一個參數是自定義的事件屬性,第二個參數是要傳遞的參數

      

 ref

  ref 是 父組件獲取子組件的所有屬性

  ref也是一個對象

   第一步:給子組件標簽上添加ref屬性賦值

    

 

   第二步:在父組件中可以使用 this.$refs  來獲取,返回的是一個對象,屬性值是子組件

     

 

 

 

 

 

 

 

        

 

        


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM