tags: Vue.js ItIron2020 前言 昨天我們介紹了如何利用netlify將你的vue專案簡單部屬到遠端讓人隨意把玩，現在就讓我們來看看你所學的東西到底能打造什麼鬼吧! 先從最~簡單的...
Get started 昨天說到宣告事渲染跟條件迴圈，今天要來繼續把剩下兩個說完 Declarative Rendering 宣告式渲染 Conditionals and Loops 條件和迴...
昨天我把一張自己開給自己的票：拖拉ticket解決了! 接著換下一張票、同時也就是今天的鐵人賽主題：改寫成Vuex來管理狀態～ 在鐵人賽第13天的時候曾經聊到Vuex狀態管理，當我們的專案發展規模越...
前幾篇文章已經介紹過vue的元件化設計的特色，不僅僅是頁面中的小元件，我們甚至可以將整個頁面都做成一個元件，今天來分享的是除了元件能共用之外，連函數也可以共用，舉個例來說，我們在頁面中若要使用之前設計...
這次來做一個簡單的猜數字遊戲，我們先把它分成基礎畫面data、數字生成、輸入限制和轉換、數字比對、提示和重來這七個部分。 基礎畫面 先做好一個input輸入欄位記得要v-model變數名稱，再做三個按...
同步發表到驢形筆記 前情題要 在前兩篇中，已經能夠使用Vue3的幾乎所有功能了，這邊要開始實際運用啦！ 在Vue3中重大的革新就是使用了"composition"去管理狀態，所...
首先，一定是製作出好看的登入樣板，才足以對的起開了那麼久後端的自己！所以我決定 https://v2.vuetifyjs.com/zh-Hans/getting-started/pre-made-la...
延續上一篇文章，今天來介紹動態路由，在瀏覽網頁的時候如果大家有注意，許多網頁在瀏覽上都會經由網址上傳遞參數後來決定頁面內顯示的內容，例如： 雖然頁面中顯示的產品不同，但都是經由同樣的頁面進行顯示，...
Vue：文章為本專案的共用資料。當許多頁面都需要用到時，這個時候使用Vuex就是最佳時機。下圖，可以看到，在其中一個元件下(Add-Article元件)新增文章，並且透過dispatch呼叫Actio...
Vue：接下來透過幾天，我們將把之前學的router、Vuex等，實現在這個專案上面。由上圖首頁，除了基本路由設定(首頁和文章)，將會以組件方式生成文章列表：文章頁面中，又透過巢狀路由，顯示新增文章頁...