Just wondering, for a path like /chart/:charttype
I am looking to dynamically load different types of chart components into that area. What is the best approach in VueRouter (currently I only have /chart/:charttype there) and component (right now I have a container component where I use a long list of v-if statements to render different types of chart components)? Any recommendations for best practices?
/*
Imagine having a variety of chart types,
based on the chart type provided, it should render that specific component
otherwise render a 404 component.
*/
_______________________
| _____________ |
| | | |
| | chart | |
| |___________| |
|_____________________|
I think maintaining the current method with a long list of v-if statements will become increasingly difficult, especially considering that in the future, this chart area will consist of a group of charts forming a combo chart component (for example, 4 charts as part of a combo chart). Therefore, there needs to be a more flexible way to handle this.
Thank you,