# 前言 我們在開發專案時，不太可能一帆風順，永遠依循著 開發完 => 暫存 => 提交 的順序持續上版。 有時候手速一個太快，只是想暫存部分檔案，結果執行到 git add . ，但實際上並不是想暫存所有更動的檔案，有沒有辦法將部份內容移出暫存區？ 像是一股腦把所有東西加到購物車，結帳前看到總金額嚇了一跳，想把部分商品移除購物車的行為。 又或者開發到一半發現改爛了，能不能一次捨棄編輯的資料，讓檔案回到原本的 commit 狀態？ 就像是之前提玩遊戲下完存檔點後，繼續打 Boss...

# 前言 今天來講 v-bind ，一個用來在 HTML 屬性綁資料的指令。 我們已經知道雙大括號的語法可以把「變數」綁在模板內，不過這個語法並不是用於 HTML 的屬性，也就是你不能這樣寫： <a href="{{ urlData }}"></a>為了能在 HTML 屬性綁資料， Vue 提供 v-bind 指令給大家使用 # 基本語法 語法很簡單，使用 v-bind: 加上原本我們已經熟知的屬性即可。 <img...

# 前言 這篇文章的內容，原本是想放在 commit 的常見問題。 結果當時寫完發現內容太多，如果全部塞到同一篇文章，應該會讓人看不下去。 不過這篇文章記錄的兩個問題，可能會是已經學會版控一段時間之後，或是實務上真的遇到時，才會去思考的問題。 很適合拿來當【一起學 Git 吧！】系列文章，中場休息的小品文閱讀。 我們就一起來看看吧！ # 每個 commit 的資料都只有專案「部分」的檔案，每個版本不是應該都要版控「所有」檔案嗎？ 這問題可能一時之間不好理解，容許我重新描述一下問題的意思。 開始在執行版控之後，commit 的內容可能會是這樣： 第一版：新增專案說明檔案，記錄一個檔案：...

# 指令介紹 開始進入指令的章節，先前有提到，在 Vue 中，只要看到 v- 開頭的東西，就是指令。 指令的用途很多，例如：資料綁定、事件綁定、條件判斷、迴圈等等。 而只要是指令，都會是寫在 HTML 標籤的「屬性」中，像這樣： <div v-if="isShow">我會顯示嗎？</div>如同 HTML 屬性一樣，指令可以單獨出現，也會有不用帶「屬性值」的指令，像這樣： <span v-once>This will never change:...

# 前言 基本指令外加一些輔助操作，到目前為止應該算是介紹完畢。 在開始進入下一個主題之前的 幾篇 文章，我打算來聊聊一些能承上啟下的觀念。 對… 大概會有一兩篇都是閒聊性質 這些觀念跟指令沒什麼關係，但是如果沒把他搞懂的話，卻會 直接影響 部分指令的操作。 由於筆者不太喜歡在主要內容中穿插各種補充讓文章失焦 雖然已經…，於是乾脆把一些觀念與問題獨立出來聊。 希望大家能因為這幾篇文章更認識 Git ，同時可以在開始介紹其他操作之前，奠定一些概念。 # 聊聊 CommitID 我們再次把這個線圖請出來，並且把關注點放在最右邊的 CommitID 。 這些字母「看起來」很沒意義，不過它卻是我們在用...

# 前言 今天來補完 Vue 資料加工的最後一塊拼圖，監聽器。 在 computed 的內容中有提到，如果在 computed 寫 set 語法，不要寫出有副作用的內容。 不過應用程式千變萬化，總會有機會需要寫含有副作用的邏輯，例如我們希望某個資料異動之後，可以連帶去改動其他狀態 (資料)。 為了因應這樣的需求，Vue 提供一個叫「監聽器」的東西來完成這件事。 # Watch 監聽器 監聽器的概念，就像是監視器一般，時時刻刻的觀測著某個狀態，在狀態異動的時候要去做某些事情。 如果是要監聽一個 ref() 或 computed 的資料，可以這樣寫，例如下面這樣： const {...

# 前言 今天的主題其實在之前開始介紹如何使用 Git 時就可以先說明，不過還是希望能先把基本觀念一次說明到位，讓讀者先對 Git 有一定的認識再說，畢竟設定類的說明，隨時補都來得及。 回到主題，實務上的專案中，總是會有一些「設定檔」、「編譯檔」、「日誌 (log)」，之類不影響專案本體的內容，他們並不需要 (有些甚至不可以) 被記錄到儲存庫中，該如何定義那些「不想被版控」的資料，會是個重要的問題。 為此 Git 提供了一個方式讓我們去定義這些內容：設定 .gitignore 檔案。 # 設定 .gitignore 檔案 首先來說文解字一下， ignore 中文是「忽略」的意思，所以...

# 前言 今天聊聊 Vue 實體中的 methods， 中文叫做「方法」。 如同我們在說「物件的方法」一樣，Vue 世界如果說到「方法」，其實就是在講函式 (function)，而且 methods 的用途就跟 JavaScript 函式一樣，是拿來封裝邏輯。 如果方法有個回傳值，那它就可以寫在模版中。 除此之外，就像 JS 的 function 一樣，他也可以被拿來封裝「事件」要做的事情。 這篇文章會稍微用到 v-on 的指令 ，簡寫 @ ，雖然還沒寫到，不過語法就還蠻直覺的，應該很容易懂。 (其實之前的文章就有出現過，沒這東西實在有點難寫例子) # method 撰寫位置 Vue...

# 前言 到目前為止，大家應該已經學會「提交一個版本」所需要的指令以及操作方式了。 不過在提交完版本之後，總是會有需要回頭查看之前 commit 的資訊的情況。 除非你執行 commit 就像「拿出手機拍下黑板上的筆記」一樣，只是拍個心安感，回家根本不會拿出來看，那我們另當別論… 在 沒有 GUI 的世界，commit 完的東西沒有漂漂亮亮的畫面可以讓我們看到。 需要看歷史的話，只有那個冷冰冰的終端機可以使用。 git log 就是用來做這件事情的指令，這篇文章將來介紹如何使用 git log 來查看歷史的提交資訊。 老樣子，會先介紹指令，再來說明 Fork 介面。 #...

# 前言 我們已經知道模板語法中可以直接寫 JS 表達式，也知道表達式的邏輯可以抽方法來重複使用。 實務上還有一種情況，是需要「依據資料」整理出「對資料的說明」，簡單來說，就是希望透過一包「資料」來產出相依的「資料」。 舉例來說，我們有一份「陣列資料」，除了把資料呈現到畫面上之外，還要特別把「是否有資料」也呈現在畫面。 這就很適合使用 Vue 提供的計算屬性：computed。 # computed 計算屬性 這個計算屬性如同 ref() 一樣，是 Vue 物件提供的方法，需要使用時，記得從 Vue 解構， 並且在使用時，需要用 變數.value 取值 const {...