How do I have data-turbolinks-permanent inside data-behavior="vue"

Hello,

I'm building a RoR application with Vue.js using a data-behavior="vue". I need to use the data-turbolinks-permanent to keep a nav-bar generated with bootstrap-vue.js and mdbootstrap-vue (sidenav), however it doesn't work, it is regenerated each time I click on a link.

When I test if the data-turbolinks-permanent works fine outside the div data-behavior="vue", it works perfectly, so I now I've got the the problem inside the div data-behavior="vue".

Is it possible to do that? I don't want the nav-bar and sidenav to be regenerated each time.

Thanks