vue 3 響應式狀態聲明
在vue2中我們使用data() {..}來傳遞數據，而在vue3中則有特殊的函數用來名響應式狀態 在vue3中會使用到ref()以及reactive()，這兩種函數來聲明…
Explore, be curious.
Discover stories, thinking, and expertise from writers on any topic.
vue3 computed, method
我們在學習vue的時候最常用到的就是computed,跟method這兩種語法，那麼這兩種的差異在哪裏？又是什麼時候適用呢？ 首先，這篇文章會以vue3的寫法為基礎，也就是composition API的寫法。對於一開始就接觸的我，覺得這樣的寫法反而滿親民(?)的。…
vue3 全選與取消功能實作
在網頁製作中可能會遇到需要全選、取消全選的情形。那麼該如何使用vue達成這個功能呢？ 現在很多網站例如電商、個人blog、sns等等都會出現這類型的基本功能： 當我們勾選全選，會讓所有選項都被圈選，而取消時所有選項都會一併取消勾選。同時如果一項一項地勾選項目直到所有都選取，也一樣會讓全選變成勾選的狀態。…
VUE3中使用router傳遞參數
最基礎使用router的方式就是來傳遞不同的頁面，不過router同時也具有傳遞參數的功能，這篇文章整理了如何怎麼傳遞參數以及設置方式。 在使用vue router時，最基礎的設置方法如下…
vue3 - json檔案的字串處理
在json文件中偶爾會遇到字串內建換行符號，例如\n，這時候有幾種方式可以在模板中直接讓顯示的文字跟著換行 //json {…
CSS筆記-常用的單位與定位
我們在設計網頁版面的時候會用到好幾種單位，這篇就彙整了css中常用的單位，同時也解惑了em與rem的差別，還有為什麼%有時候無法生效。 在文字部分常用的有以下幾種 我們常常聽到照片，螢幕解析度是多少px…
google代碼管理工具 tagmanager 使用方式
分享一下使用Google代碼管理工具遇到的各種踩雷情況跟解決方法，本文章是2025.1發布，之後有新的版本設置可能會有些不一樣。 首先第一步，在你的網站安裝程式碼 如果你是用比較常見的架站工具例如wordpress，那有提供相關的外掛可以直接用…
在vue中使用bootstrap
使用vue框架之下，又想使用bootstrap快速美化自己的頁面的方式 這篇記錄一下vue3 composition…