前言 本系列將介紹 Rails with Vue 的基本概念，並且以一個簡單的專案 Todo 來說明如何使用 Rails with Vue。我將透過這一系列的文章記錄我學習的過程，並且將我所學到的知...
經過前幾天的努力，我們終於把指令系列的都介紹一遍了那今天的話就要來與各位介紹一下 Vue 的套件：多國語系 - i18n 什麼是 vue-i18n？ vue-i18n 是一個可以將我們的 app 國際...
今日為各位帶來的是條件判斷：v-if 、v-show 還有 v-for 的介紹呦 條件判斷：v-if、v-show v-if 與 v-show 的用法其實大同小異，來看看程式碼： <templa...
前言 本系列將介紹 Rails with Vue 的基本概念，並且以一個簡單的專案 Todo 來說明如何使用 Rails with Vue。我將透過這一系列的文章記錄我學習的過程，並且將我所學到的知...
Vue Router 是 Vue的官方路由，也由前端模擬的路由。過往我們往往是透過後端來處理換頁，而為了減少讀取時間，我們可以透過 Vue Router 實現SPA（單頁式應用），在前端實現畫面切換...
1 <component :is="activeComponent" /> 首先先回想一下在 JavaScript 有 if 可以判斷 function 判斷(page...
前言 本系列將介紹 Rails with Vue 的基本概念，並且以一個簡單的專案 Todo 來說明如何使用 Rails with Vue。我將透過這一系列的文章記錄我學習的過程，並且將我所學到的知...
昨天有帶各位了解了 v-bind 的樣式綁定，那今天就與大家進入新的單元吧前幾天的文章有跟各位介紹許多個 v 開頭的模板指令而在 Vue 中只有一個是與事件有關的指令，也就是我們今日要介紹的：v-on...
首先，可以先講一下我們為何需要狀態管理。 當我們在進行一個專案時，常常需要資料在元件或頁面間互通有無，我們可能會使用props、emit，或者 provide、inject，又或者直接用 mitt 套...
今天統整一下基礎知識注意事項 在 vue 3.x 如果用 option API 的話 data 屬性統一使用 function 形式， data(){}, style 沒有放 在 codesand...