Turbolinks

<html>
<head>
<title>Exemplo</title>
<link rel="stylesheet" href="/app.css" />
</head>
<body>
<div id="app">
<deliveries></deliveries>
</div>
<script src="/app.js"></script>
</body>
</html>
import Vue from 'vue';
import Deliveries from './components/Deliveries.vue';
new Vue({
el: '#app',
components: {Deliveries},
});

// ...
import Turbolinks from 'turbolinks';
new Vue({
el: '#app',
});
Turbolinks.start();

// ...
import Turbolinks from 'turbolinks';
import VueTurbolinks from 'vue-turbolinks';
document.addEventListener('turbolinks:load', () => {
new Vue({
el: '#app',
mixins: [VueTurbolinks],
});
});
Turbolinks.start();

Nem tudo são flores...
→ Turbolinks não trabalha bem com forms HTML, eles aconselham a transformar
todo form em AJAX, o que no rails é fácil.
<%= form_for(@model,:html=>{:remote=>true}) do |f |%>
→ Alguns plugins e widgets de UI podem precisar de um maior cuidado, visto que
você tem que utilizar os hooks do Turbolinks para fazer a inicialição/destruição
dos mesmos.

Turbolinks

Recomendados

Recomendados

Mais conteúdo relacionado

Semelhante a Turbolinks

Semelhante a Turbolinks (20)

Mais de Luiz Messias

Mais de Luiz Messias (7)

Turbolinks