How to change the parameter without re-rendering the component?

Question

Vue.js

Good evening!
There is a route:

{ path: '/trading/:type?', name: i18n.t('menu_trading'), component: Trading, meta: { icon: 'desktop', hideFooter: true, props: true }},

And 2 menu items:
/trading/realand /trading/demo
After the transition with $router.pushor <router-link>, the component is recreated, that is, the create and destroy methods are called.
Is it possible to change :type?without recreating the component?
Since this parameter only changes the value of the variable inside the component, and query cannot be used.

Answer 1

Try to wrap the keep-alive component and watch on $route.params