Your Teacher
Chris Oliver
Hi, I'm Chris. I'm the creator of GoRails, Hatchbox.io and Jumpstart. I spend my time creating tutorials and tools to help Ruby on Rails developers build apps better and faster.
About This Episode
Using Vue.js and Turbolinks together can be a little complex to wrap your head around at first. We not only dive into how this works but we take a look at the vue-turbolinks node module I made so that you can easily use the two together.
Notes
Resources
To add Vue-Turbolinks into your Rails Webpacker installation, you can do the following:
yarn add vue-turbolinks
import TurbolinksAdapter from 'vue-turbolinks';
document.addEventListener('turbolinks:load', () => {
var vueapp = new Vue({
el: "#app",
template: '<App/>',
mixins: [TurbolinksAdapter],
components: { App }
});
});
Using VueJS with Rails
1
Using VueJS for Nested Forms in Rails: Part 1
22 minutes
2
Using VueJS for Nested Forms in Rails: Part 2
19 minutes
3
Using Webpack in Rails with the Webpacker Gem
21 minutes
How to use Vue.js and Turbolinks together
16 minutes
5
Vue.js Components in Rails Views
11 minutes
6
Vue.js Slots with Tailwind CSS and Rails
14 minutes