How can give notice to the brother level component?

Asked May 17 '18 at 08:46

Active May 17 '18 at 12:33

Viewed 29 times

I have a single-page application.

the body is a router-view, I can route in it, it can route to a, b, c components.

you see, if in b component, b and header are the same level components.

How can I in b component to give notice to header component?

the case is:

in header, it can popup a modal to login, then in its data have is_login, user_data properties, through those header can display user info and other buttons. if I login in the header, I can easily store the is_login and user_data to Cookie or localStorage.

but if I am login by the modal of b component, I can store the is_login and user_data to Cookie or localStorage too, but how can I let the header know the is_login and user_data is updated in Cookie or localStorage? then it can update the view.

edited May 17 '18 at 12:33

Emile Bergeron

17,074
5
83
129

asked May 17 '18 at 08:46

qg_java_17137

3,310
10
41
84

you can use bind data or `this.$emit()` – Niklesh Raut May 17 '18 at 08:51
them are not the parent-child components, them are the same level. – qg_java_17137 May 17 '18 at 08:56
1

you can use event bus or vuex to do what you want,I recommend that you use vuex to manage your states. – jacky May 17 '18 at 09:22
I wrote a long answer on [Vue communication theory](https://stackoverflow.com/a/49702934/1218980). – Emile Bergeron May 17 '18 at 12:32

How can give notice to the brother level component?

0 Answers0