Vue3 is a solution to state conflicts when the same component is referenced multiple times in the V-for loop.

Examples of errors:

Define a chartInstance variable outside of export and assign it to the setup hook

As a result, printing chartInstance with console.log() or using chartInstance in the component will be used as the last variable you assigned after all components have been rendered

Correct examples:

This ensures that each reusable component is in a separate state

Therefore, variables outside export default can be understood as static variables learned, learned