Vue dynamically add and remove tab tags

in a project, you want to click on a navigation menu on the left, and then a tab tag card that can be deleted dynamically appears on the top and is cached in the page. What is this specific implementation idea? when you do this background management system for the first time, there are a lot of things you don"t understand.
I have read the official website of vue that says: < component vsaid: "currentTabComponent" > < / component > this can dynamically switch different components. But that tag card is written directly to the page, how to dynamically add the tag of the tab column, and can also delete

Apr.23,2021

it is recommended to take a look at vue-element-admin

Project address
https://github.com/PanJiaChen.

Vuex
https://github.com/PanJiaChen.

Layout layout
https://github.com/PanJiaChen.

routing components
https://github.com/PanJiaChen.


this component is used by me now, which is very good. Have you solved
https://npm.taobao.org/packag.


? Can you tell me how to solve the problem

Menu