Rahul Dave
Rahul Dave

Reputation: 15

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

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

Upvotes: 0

Views: 393

Answers (1)

Anatoly
Anatoly

Reputation: 22803

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.

Upvotes: 1

Related Questions