Normally, parent-child communications are done via events or props. But sometimes, you need to access data, functions, or computed properties that exist in the child or the parent function.
Vue provides a way to interact in both ways, opening doors to communications and events, such as props and event listeners.
There is another way to access the data between the components: by using direct access. This can be done with the help of a special attribute in the template when using the single file component or a direct call of the object inside the JavaScript. This method is seen by some as a little lazy, but there are times when there really is no other way to do it than this.
