title: How to share data between components Vue js
body: <p>Hi there I saw posts talking about this, but is not easy for me understand what I have to do to share data between components, I don't want to use  event bus so can you tell me how to use props??</p>
  
  <p><strong>Component A:</strong></p>
  
  <pre><code>&lt;template&gt;
    &lt;div&gt;
      &lt;div class="container"&gt;
  
                    &lt;fileForm&gt;&lt;/fileForm&gt; //&lt;--- THE COMPONENT B      
          &lt;/div&gt;
        &lt;/div&gt;
  &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  
  export default {
  
    name: "DashBoard",
    data() {
      return {
        user: {},
      };
    },
    methods: {
      checkIfImLoggedIn() {
  
        }
      },
      onComplete() {
      },
    },
    mounted() {
      this.checkIfImLoggedIn();
    }
  };
  &lt;/script&gt;
  </code></pre>
  
  <p><strong>Component B:</strong></p>
  
  <pre><code>&lt;template&gt;
    //...
  &lt;/template&gt;
  
  &lt;script&gt;
  export default {
    name: "FileForm",
    data() {
      return {
        fileExtensions: ["CSV", "EXCEL"],
        sharedData : {}, //&lt;--- for example share this
  
      };
    },
    methods: {}
  };
  &lt;/script&gt;
  </code></pre>