學習完 Vue 之後，想要透過單元測試守護你的專案，但又不知道從何起手？別擔心，快來訂閱作者最新系列文 《小白也能輕鬆瞭解的 Vue3 單元測試！》讓你的 Vue 專案更上一層樓！ 前面兩天提到...
學習完 Vue 之後，想要透過單元測試守護你的專案，但又不知道從何起手？別擔心，快來訂閱作者最新系列文 《小白也能輕鬆瞭解的 Vue3 單元測試！》讓你的 Vue 專案更上一層樓！ 在昨天的章節...
指令（directive） 了解樣板跟資料之後，就可以來了解指令的部分。Vue 可以透過在 HTML 中以被稱為指令的特殊屬性來編寫。可以依據我們提供的資料作不同的處理。 v-text 直接將 dat...
進入正題 本篇要介紹的是在 Vue 官網中最先提到的概念: Instance。 實例 (instance) 當我們使用 Vue 去建構 Web 應用時，都是先建立根，再將其他元件一個一個搭上去。...
官方解释 watch 觀察 Vue 實例變化的一個表達式或計算屬性函數。回調函數得到的參數為新值和舊值。表達式只接受監督的鍵路徑。對於更複雜的表達式，用一個函數取代。 基礎 DMMO 當改變 in...
v-if、 v-else、v-else-if指令用於條件性地渲染一塊內容。這塊內容只會在指令的表達式返回 truthy 值的時候被渲染。 v-if and v-else DEMO <div c...
Vue 的響應性 Vue 會自行觀察物件內變化，在第一時間產生 HTML 與更新 DOM。比起 jQuery 的命令式渲染，開發者只需要專注在視圖層的表現，而不需一步一步地告訴瀏覽器說「你要先做什麼，...
學習完 Vue 之後，想要透過單元測試守護你的專案，但又不知道從何起手？別擔心，快來訂閱作者最新系列文 《小白也能輕鬆瞭解的 Vue3 單元測試！》讓你的 Vue 專案更上一層樓！ 單向資料流...
在先前的文章中已經跟大家提到了筆者為何選擇 Vue.js 作為自己的入門框架，本篇文章則會用來介紹本系列的主角: Vue.js。 進入正題 Vue 是一款 JavaScript 前端框架，它本身擁有...
v-model 是綁定在表單元件或自訂元件上，為實現雙向綁定用的。ex: input、textarea、select 使用v-for 製作select 上篇學了v-for 現在要來使用 v-for...