技術 Day 6：從實習魔法師到大魔法師，不被AI取代的關鍵(更進化的思考學習到的東西)

前言 延續 Day 3 的思維，我們從使用者需求出發，連續五天打造了一個可以動起來的前端飲料點單系統。 在 AI 可以協助撰寫並優化程式碼的今天，更重要的其實是...

技術 Day 3 : 輸入框的需求：v-model 背後的雙向資料流思維

前言｜延續 Day 1 的思維 到目前為止，我們已經完成： Day 1：用「流程控制」把點餐步驟拆開（飲料 → 甜度 → 冰量），並以 v-if、:disa...

技術 欸你是要進 Vue 了沒？ - Day23：Vue 表單輸入綁定之 v-model 有你在的宇宙一切都不麻煩了

在 Vue 的宇宙裡，表單輸入綁定不再是令人頭痛的問題！有了 v-model，你只需要一句簡單的指令，就可以讓使用者的輸入與你的應用程式完美同步。無論是輸入框...

技術 【Day14】做中學的Vue語法大全！（中）

昨天重新回顧了我們在練習作品中常用的Vue語法及語法組成架構，今天再來接續介紹：還有哪些在我們這次改版練習ToDoList中遇到的常用屬性？ 本系列任務：改寫過...

技術 DAY 8 - v-model 雙向綁定與修飾符運用

DAY 8 - v-model 雙向綁定與修飾符運用 接下來DAY 8 ~ DAY 11 會來到 Vue 的指令篇，這邊就是比較基礎的常用的指令，會一一來慢...

技術 Day 19: 你可能不知道的 v-model - 為何多選綁定陣列不能用 reactive()?

前言 在處理響應式多選表單時，使用 v-model 綁定陣列類型的資料，用 ref() 沒問題，但用 reactive() 卻行不通QQ～為什麼～～～ 就是下面...

技術 Day 26. 雙向綁定語法糖 - v-model

表單輸入綁定 我們可以用v-model指令在表單<input>、<textarea>、<select>元素上建立雙向數據綁定...

技術 Day.11 Vue3 介紹 Part 6

今天介紹一些 v-model 在 v3 一些改動以及新特性 v-model 搭配 Computed 使用 這個範例只有在 Vue 3 的文件中出現不過看起來 V...

技術 開胃餐點 - 使用者輸入焗列表呈現

技術 開胃餐點 - 清爽表單處理佐雙向資料

技術 vue製作排版不同的list清單

使用v-model綁定切換樣式原本想買白爛貓的飲料袋(不是業配)沒搶到只好來仿它的購物清單白爛貓 HTML <div id="app"...

技術 Day08 - [Directives] 資料綁定(Data Binding)

推薦好用的工具：Vue.js devtools 這篇介紹開始之前，最近發現一個開發vue時還不錯用的chrome插件，想推薦大家使用，這個插件是Vue.js d...

技術 用範例理解 Vue.js #13：v-model and data binding

你可以用 v-model 指令建立雙向數據綁定，在 Day2 的範例 06 - Form Input Bindings 已經使用過了。 範例回顧 Day2：...