前情提要：前天我們完成了新增ticket，昨天也順便介紹了v-if語法；今天就延續著前兩天的tempo~~，介紹以Vue.js實作CRUD裡的編輯功能！ Step 1. UI: 設計編輯區塊 首先設計...
我們接著繼續開發 測驗區 的部分 測驗區 先來看看畫面: 可以看到測試區除了上面的總分之外，我們有四副牌(button + label 組成的)。所以我們這邊牌做成一個組件(component)，然後...
用Vue實做信用卡&商品操作 先前準備安裝套件與資料 在開始前請先安裝sweetalert套件 npm install --save-dev sweetalert@2.1.2 引用boots...
程式設計這麼好玩的東西，一輩子夠玩嗎？ 在使用時 Vue 元件時，經常會有元件間資料傳遞的需求，元件和元件之間也會產生父子元件的關係，通常父元件表示是 Vue 的實例，也有可能指的是於一個元件中(...
先祝大家國慶日快樂~連假第二天希望大家都過得愉快! 那麼今天要講的是Alpine.js和Vue.js插入文字的方式差異，讓我們看下去吧。 Alpine.js 放在html <div x-data...
tags: Vue.js ItIron2020 前言 我知道突然寫這樣的主題有些突兀，不過前幾天weather app的文章有點超乎我的預期XD 原本是打算利用剩下這幾天至少寫3個小專案的教學，不過每...
tags: Vuejs 監聽子組件原生事件 ✐ 當父組件需要接收子組件訊息、數據時，可以透過在子組件 自定義事件 達成，除此之外若是需要監聽子組件 根元素 原生事件，可以透過 v-on 配合 .nat...
練習1 Vue 將資料呈現於畫面上 codepen Vue 創建資料 codepen // html <div id="app"> <div>難...
本系列文章已出版實體書籍：「你的地圖會說話？WebGIS 與 JavaScript 的情感交織」（博碩文化）WebGIS啟蒙首選✖五家地圖API✖近百個程式範例✖實用簡易口訣✖學習難度分級✖補充ES...
首先先簡單顯示訊息，了解資料傳遞的方式試用Vue.js的最簡單方法是使用JSFiddle Hello World範例 // html <script src="https://npmc...