Vue style failure summary

Time:2021-12-1

Summary of Vue common style failures

1. Naming conflicts:
Due to my naming conflict, this is what happens when the route jumps into the page:
Vue style failure summary

After refresh:
Vue style failure summary

The solution is to modify the corresponding class name. In this case, I should have written the name of this style, which leads to CSS reuse. Therefore, modifying the name can be solved. After modifying the route jump, you can see it without refreshing the page:
Vue style failure summary