Vue3 依據商品標籤給定不同的class
寫到這邊在想我要不要也來個30天挑戰!? 一般我們看到電商的網頁，除了大大的標題、價格以外，可能還會多一些小標籤。例如海外直送、免運費、新品上市等等，如果我們想將類型性質的標籤很偷懶的使用一個v-for就貼上去，但又想要給他們一些不同的css作區別，該怎麼實現呢？ 使用框架：Vue3…
JAVASCRIPT (16)
使用Vue3 完成電商產品篩選功能
最近在作小電商網站，有一頁打算放上所有商品，並用select製作篩選欄位，來記錄一下怎麼實踐以及我踩了哪些雷 框架：Vue3 composition…
使用vue3 自動判定日期
情境：我的專案有活動紀錄，格式為json，本來的網頁非常的土法煉鋼，還沒到來的活動日期就在上方，過期的活動在下方。有一天我突然懶惰了(?)希望可以自動抓取今天日期判斷是否過期 使用框架：vue 3…
在Vue中使用transition建立動畫
在Vue中，我們經常會使用v-show/v-if來決定網頁元素是否呈現。而在透過toggle或是按鈕觸發的時候又想要有動畫的呈現，該如何製作呢。 Vue官方提供<transition>這個元件讓我們可以處理網頁元件過渡與漸變的效果 <transition>…
vue3 computed, method
我們在學習vue的時候最常用到的就是computed,跟method這兩種語法，那麼這兩種的差異在哪裏？又是什麼時候適用呢？ 首先，這篇文章會以vue3的寫法為基礎，也就是composition API的寫法。對於一開始就接觸的我，覺得這樣的寫法反而滿親民(?)的。…
VUE3中使用router傳遞參數
最基礎使用router的方式就是來傳遞不同的頁面，不過router同時也具有傳遞參數的功能，這篇文章整理了如何怎麼傳遞參數以及設置方式。 在使用vue router時，最基礎的設置方法如下…
vue3 - json檔案的字串處理
在json文件中偶爾會遇到字串內建換行符號，例如\n，這時候有幾種方式可以在模板中直接讓顯示的文字跟著換行 //json {…
在vue中使用bootstrap
使用vue框架之下，又想使用bootstrap快速美化自己的頁面的方式 這篇記錄一下vue3 composition…