Проблема загрузки файла JS (с кодом vue.js) в проекте Rails

Question

Я на самом деле работаю над проектом, который использует Rails 6.0 и Vue.js. Я просто хочу создать 2 кнопки для переключения между 2 видами на одной странице с помощью vue.js. Поэтому я сделал два <a> с @click, чтобы изменить значение 'hidden' (в js-файле), чтобы напечатать в DOM хороший вид

<div id="artiste-main-container">
<nav>
  <a id="click-video" @click="video_view()">Video</a>
  <a class="right-li" id="click-audio" @click="audio_view()">Audio</a>
</nav>

<div class="artiste-video-stream" id="div-artiste-video-stream" v-if="hidden">...</div>

<div class="artiste-audio-stream" id="div-list-audio" v-else>...</div>
</div>

custom.js с кодом vue.js

import Vue from 'vue/dist/vue.esm.js'
new Vue({
el: '#artiste-main-container',
data: {
    hidden: true
},
methods: {
    video_view: function () {
        this.hidden = true
    },
    audio_view: function () {
        this.hidden = false
    }
}
});

Итак, проблема в том, что когда я обновляю страницу, все работает хорошо, но когда я возвращаюсь с созданной кнопкой и возвращаюсь на первой странице, 2 просмотра видны, а vue JS не 't работа!

Я думаю, что это происходит из-за загрузки файла JS с кодом vue.js. С рельсами JS загружается с веб-пакетами, и я не знаю, как и когда загружается JS.

Спасибо за помощь