How to pass data from one vue component to another vue component without using the component tag

Question

I want to pass data from my vue file to another component which is present in the layout part. I know i can use props but for using props I need to initialize the component in the vue file from which I want to pass the data. But I don't want to initialize the component on my Vue I just want to pass the data.

here is the below structure. in my default.vue i have these 2 components.

  <right-side-bar-org  v-if="$route.name=='organisation'"></right-side-bar-org>
  <right-side-bar-search  v-if="$route.name=='search'"></right-side-bar-search>

I have declared the component with props. But for passing props i have to pass it from my default.vue. But i have this another component search.vue from which i want to pass the data to these components without declaring the component in the search vue. Is there any way to make that happen.

bbsimonbb · Accepted Answer · 2018-06-06 07:47:04Z

0

These problems happen because you're not using a store. Put the data in a new location outside vue, in global scope. Then vue stuff can bind to it when created, unhook when destroyed, and different vms don't even need to know about each other.

edited Jun 6, 2018 at 7:47

answered Jun 6, 2018 at 7:23

bbsimonbb

29.3k18 gold badges92 silver badges129 bronze badges

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

Collectives™ on Stack Overflow

How to pass data from one vue component to another vue component without using the component tag

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related