[Vuejs]-How to solve an issue with vue-transitions being triggered or not through methods

1👍

There is just too many things to write about and Codereview would be better place to do that but….

Here you can find my take on the problem. Things to look for:

  1. Transitions using <route-view> without vuex and other complicated stuff – tuned using appear so it transitions on initial render and mode="out-in" (just try to remove it to see the effect)
  2. Better store state – don’t use company names as object keys, not every company name is valid JS identifier
  3. Rewrote Portfolio and Stocks component to use v-for for rendering array data from store

Transitions with Vue Router

<transition name="fade" mode="out-in" appear>
  <router-view :key="$route.fullPath"/>
</transition>

Leave a comment