在幫舊專案由 Vue2 升版到 Vue3 的過程中，我有看到這樣的寫法：{{ ref 變數 | $filters.comma.format }}，查了資料之後，知道這是 Vue2 filter 的寫法，但是這樣的寫法 {{ ref 變數 | $filters.comma.format }} 在 Vue3 並不起作用喔，Vue3 的要做相同的事情要做另外的處理。

PM 發了一個 isssue，希望一個 input 輸入框中能夠限制到小數點 4 位，我很自然地使用了 toFixed(4)，結果發現輸入最後一位之後，如果再輸入的數字大於等於 5，小數點後第 4 位會自動加一，也就是小數點第 5 位數四捨五入後加一到小數點第二位。

最近有點迷上 VUE3 的 composble 寫法，把可以重複利用的程式邏輯抽來變成composbal，要用的時候再匯入使用。今天我試著把 Chart.js 的創建方法抽出來放在 composables 中，沒想到竟然可行，以下整理一下我的作法。

國道五號，蔣渭水高速公路連接北二高南港系統到宜蘭蘇澳，全長55公里，耗時15年才完工，給了宜蘭人從台北安全回家的路，也讓台北人可以便利地來到宜蘭觀光，更讓兩地的資源可以用便捷的方式流通。但是這條舒適便利的高速公路要貫穿雪山山脈，沿路有著南港、石碇、烏塗、彭山、雪山等五座大大小小的隧道，其中以12.9公里長的雪山隧道工程最為艱辛。

VUE 官網把 Fallthrough Attributes 翻為 「透传 Attributes」，聽起來有點莫測高深，說穿了其實滿好懂的。簡單來講，如果在父層置入子元件，同時在父層的子元件上加上 class 樣式，則這個 class 樣式會傳入子元件與子元件內 DOM 的原本 class 樣式結合。

今天下午在做切版，照著 Bootstrap 官網的教學做 table，這是一個欄位比較多的表格，PM希望可以有卷軸，所以我幫在 table外面的 div的 class 加上了 .table-responsive，結果卷軸在很奇怪的斷點才出現，表格中的文字也被推擠折行。花了一下午在研究這個問題，晚上回家又不死心，總算解了出來。