How to run method of one component from another component?

Question

Vue.js

I have 2 components, one contains a filter, the other contains a request to the server using the filter.
I need a button click on the filter panel to trigger a search function in another component.
I tried using an eventEmitter to pass data. It works fine in other components, but something goes wrong here. Here is the code:

In the ProjectList component, I tried putting an eventEmitter on both created and mounted, nothing works.
In the current circumstances, I have to go to another page after selecting a filter and then return to get data on a new question

Answer 1

In general, if you follow the principles of Vue design, then the filter state should be put in a separate Vuex module. And then you can declaratively access its state in other components..