I'm currently trying this as well.
I could not achieve it yet, but here is what I tried/observed so far:
AR.js appends the video directly to the body and changes its height and width. This breaks the Vue Applicaiton (In my case using the Vuetify Components Library) and affects all routes. An ID we can provide to append the video to would be great.
Reloading the route adds another video to the body element. We probably need to check for existing videos with the "arjs-video" ID
Disabling a running AR.js Application (when changing the route) is not possible (probably due to the global import via a Githubissues.
Githubissues is a development platform for aggregating issues.
continuing discussion from: https://github.com/jeromeetienne/AR.js/issues/537