구성 요소간에 데이터를 공유하는 방법 Vue js

Question

안녕하세요 저는이 게시물에 대해 이야기했지만 구성 요소간에 데이터를 공유하기 위해해야 ​​할 일이 무엇인지 이해하기 쉽지는 않지만 이벤트 버스를 사용하지 않으려합니다. 소품을 사용하는 방법을 알려주지 ??

구성 요소 A :

<template> 
    <div> 
    <div class="container"> 

        <fileForm></fileForm> //<--- THE COMPONENT B  
     </div> 
     </div> 
</div> 
</template> 

<script> 

export default { 

    name: "DashBoard", 
    data() { 
    return { 
     user: {}, 
    }; 
    }, 
    methods: { 
    checkIfImLoggedIn() { 

     } 
    }, 
    onComplete() { 
    }, 
    }, 
    mounted() { 
    this.checkIfImLoggedIn(); 
    } 
}; 
</script> 

구성 요소 B : 그것을 할 방법이 많이가있다

<template> 
    //... 
</template> 

<script> 
export default { 
    name: "FileForm", 
    data() { 
    return { 
     fileExtensions: ["CSV", "EXCEL"], 
     sharedData : {}, //<--- for example share this 

    }; 
    }, 
    methods: {} 
}; 
</script> 

당신은 구성 요소 통신에 대한 연구를 할 필요가

Answer 1

당신은 할 수 있습니다 : 구성 요소 B에서 A 성분

<fileForm :something="user"></fileForm> 

에

props: { 
    something: Object 
} 

---

당신이 원하는 경우 자녀로부터 학부모에게 데이터를 공유하십시오. 이벤트 버스 또는 vuex를 사용해야합니다 : https://vuejs.org/v2/guide/components.html#Non-Parent-Child-Communication

Answer 2

https://alligator.io/vuejs/component-communication/

;)

당신이 아이에게 부모의 데이터를 공유하려는 경우