前言 本系列將介紹 Rails with Vue 的基本概念，並且以一個簡單的專案 Todo 來說明如何使用 Rails with Vue。我將透過這一系列的文章記錄我學習的過程，並且將我所學到的知...
終於可以先回到之前建立的 webmix_efficiency 資料夾了，也就是打算使用 Vue 3 來建立 Web APP，先在專案資料夾下執行以下指令： npm run dev 就可以瀏覽本機端網...
v-bind 動態屬性 可將屬性綁定於 class，並將資料傳遞到元素上，屬性若是有更動，所綁定 class 也會一起更動。 ：是 v-bind 的縮寫，我們很常會在 Vue 的資料綁定上看不到 v-...
前言 本系列將介紹 Rails with Vue 的基本概念，並且以一個簡單的專案 Todo 來說明如何使用 Rails with Vue。我將透過這一系列的文章記錄我學習的過程，並且將我所學到的知...
Vue 在畫面的呈現上會有一些基本的指令，接下來這幾天會跟著小任務一起了解一下 Vue 是如何使用指令運作。 Vue 模版語法 這裡先上一段官方的說法： Vue 使用一種基於 HTML 的模板語法，...
Basic config 最基本的寫法就是在 src/router/index.ts 的 routes 內設定像這樣 const routes: Array<RouteRecordRaw>...
前言 本系列將介紹 Rails with Vue 的基本概念，並且以一個簡單的專案 Todo 來說明如何使用 Rails with Vue。我將透過這一系列的文章記錄我學習的過程，並且將我所學到的知...
前言 本系列將介紹 Rails with Vue 的基本概念，並且以一個簡單的專案 Todo 來說明如何使用 Rails with Vue。我將透過這一系列的文章記錄我學習的過程，並且將我所學到的知...
今天來介紹 vue 的生命週期，什麼是生命週期呢？講簡單一點就是從你用瀏覽器打開網頁開始，到網頁內的元件一個一個生成，到整個完整的網頁建立的過程就叫生命週期，完整過程如下圖 是不是眼花撩亂啊？讓我簡...
相信大家都知道 Bootstrap 真的是個很好用的東西，那麼好用之餘，我們也來寫一寫關於 Bootstrap 的小任務，不熟悉的熟悉一下，熟悉的就當作是回顧囉~ ▸ Bootstrap OOCSS...