這篇文章將為大家詳細講解有關Vue組件之間傳值實力的案例分析，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

 在我們入門Vue的時候，不得不提到組件，在某些情況下，組件間需要互相傳值，比如父組件需要向子組件傳值，子組件需要向父組件傳值，那么下面用一個實力來詳細說明。

效果：

我們想實現這樣一個效果，在輸入框輸入文字點擊提交按鈕后，下面會出現對應的輸入內容。如果點擊某個內容，那么這個內容就消失。

如下圖，比如我們在點擊2的時候，2就會消失

分析：

1、首先我們會獲取到input的輸入內容，把所有輸入內容都集合成一個數組，在

        
        
        提交
        
        

            
        
    

    

this.$emit('delete',this.index);