Method 1

Sometimes you want to manually trigger a transitionIn/transitionOut on a component without adding it to the main timeline. To do this you need a reference to the child component. To get a child component reference you can call the method getChild providing the componentId. You should also provide the type of component you are requesting, since not all components have the same functionality. For example when you would like to request a TransitionComponent:

...
import { ComponentType } from 'vue-transition-component';
...
...
this.dummyComponent = this.getChild('DummyComponent', ComponentType.TRANSITION_COMPONENT);
this.dummyComponent.transitionIn();
...

There following component types are available:

...
import { ComponentType } from 'vue-transition-component';
...
...
this.dummyComponent1 = this.getChild('DummyComponent', ComponentType.REGISTRABLE_COMPONENT);
this.dummyComponent2 = this.getChild('DummyComponent', ComponentType.TRANSITION_COMPONENT);
this.dummyComponent3 = this.getChild('DummyComponent', ComponentType.PAGE_COMPONENT);
...

Note: Providing the component type is not mandatory. So for example when you only use transition components in your project you could leave it out, this is at your own risk and could cause issues if you start mixing TransitionComponents and RegistrableComponents.

...
this.dummyComponent = this.getChild('DummyComponent');
...

Method 2

An alternative way of getting the child component reference as soon as it's ready is to add a event listener (@isReady) to your component. Keep in mind that this event does not mean that all the components are ready. There is also no strict check to make sure you get the expected component. So use with caution!

<DummyComponent componentId="DummyComponent" @isReady="handleIsReady" />
...
methods: {
  handleIsReady: (component) => {
    // Do stuff with your component reference
  },
},
...