Rails with Vue Tutorials

Here is a short series of guides for using Vue with a primarily Rails-based application. They cover everything from the creation of a new app and installation of Vue through to having an inline, validated, editable table for your model.

A GitHub repository exists following these tutorials with tags at each chapter - if you want to skip ahead to a specific chapter, you can just pull whichever version of the code you need.

That repo can be found here.

Your First Component
Your First Component

March 02, 2020

This is intended to be an introduction to the VueJS framework, running from the creation of a new Rails project through to creating your first Vue component
Accessing Rails Data
Accessing Rails Data

March 03, 2020

This is intended to be a guide to accessing your Rails data in Vue components. It works independently of the first article, but if you're new to Vue it's recommended you start there
Updating Rails Data
Updating Rails Data

March 03, 2020

This is the third installment in a series, covering updating Rails data using an inline table editor made with Vue
Validation
Validation

May 07, 2020

This is the fourth installment in a series, describing a way to implement validation for your vue tables.
Return