How to share data between components in VueJS

Question

I have a fairly simple VueJS app, 3 components (Login, SelectSomething, DoStuff)

Login component is just a form for user and pass input while the second component needs

Answer 1

Use this small plugin if you have a lot of nested components:

Vue.use(VueGlobalVariable, {
  globals: {
    user: new User('user1'),
    obj:{},
    config:Config,
    ....
  },
});

Now you can use $user in any component without using props or other