How to call a function from one vue file to another vue file in vue js

Question

I have two vue files in different paths like views/core/AppBar.vue and view/entity/edit.vue.I want to call or refresh Appbar.vue when a particular event happens.

I don't know how to call or refresh other component and which approach is better?

Thanks in advance

Please add some code. Also read: stackoverflow.com/help/how-to-ask — Utsav Patel
– Utsav Patel, Commented Mar 28, 2020 at 3:54

Anatoly · Accepted Answer · 2020-03-26 14:57:34Z

1

If these two components are in a parent-child relation then you can use $emit from a child component to a parent one and use $refs. to call a child component method directly from a parent component.

If these components are not related closely then you should use the event bus pattern (see examles with creating new Vue()) or if you wish shared data for these components then use a vuex store to store all shared objects.

answered Mar 26, 2020 at 14:57

Anatoly

23.2k3 gold badges33 silver badges46 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Rahul Dave Over a year ago

"Bus" it the best solution for non component relationships and its also a simplest way. i found a link refer this : medium.com/@kashifazmi94/…

Collectives™ on Stack Overflow

How to call a function from one vue file to another vue file in vue js

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related