前言

本系列將介紹 Rails with Vue 的基本概念，並且以一個簡單的專案 Todo 來說明如何使用 Rails with Vue。我將透過這一系列的文章記錄我學習的過程，並且將我所學到的知識分享給大家。

環境

以下為本系列文章所使用的環境：

• Ruby 2.7.1
• Vue 2.6.10
• redux 4.0.5
• redux-vuex 3.1.2
• macOS Monterey 12.3
• iTerm2
• Rails 6.1.4.1

學習重點

在本系中大概可以分為以下三大階段，在 1-10 篇文章中將會學習 Vue 的基本概念，接著在 11-20 篇文章中會開始加入 Redux 的基本概念並配合前一階段所學一起使用，最後在 21-30 篇文章中將會學習如何使用將 Vue 與 Rails 進行整合。

1. Vue 的基本概念：Vue 的基本概念，包含 Vue 的生命週期、Vue 的資料綁定、Vue 的事件處理、Vue 的元件化等等。
2. Redux 的基本概念：Redux 的基本概念，包含 Redux 的資料流、Redux 的資料綁定、Redux 的事件處理等等。
3. Rails with Vue：實際將 Vue 整合到 Rails 中，並且將 Redux 也整合進來。

結語

本身是一個後端工程師，對於前端的知識並不是很熟悉，所以在這一系列的文章中，我會盡量將我所學到的知識以最簡單的方式來介紹，不求非常專業，但希望能夠讓我對於 Vue 有一個基本的認識，並且能夠將 Vue 與 Rails 進行整合。