turbolinks_and_vue.js

document.addEventListener('turbolinks:load', () => {
  var element  = document.getElementById("hello")
  var cachedHtml = element.outerHTML

  var vueapp = new Vue({
    el: element,
    template: '<App/>',
    components: { App },
    destroyed: function() {
      this.$el.outerHTML = cachedHtml;
    }
  })

  document.addEventListener('turbolinks:before-cache', () => {
    vueapp.$destroy()
  })
})