前面幾天的內容是在探討父元件和子元件間的資料傳遞，不過當根元件要傳遞到最底部的元件時，如果使用 props 一層一層傳遞，可能會影響到中間層元件造成額外的麻煩，因此透過使用 provide 和 inj...
在熟悉HTML、CSS及JavaScript之後，接下來可以嘗試使用Vue框架，進行網頁前端的撰寫。有別於HTML、CSS及JavaScript的彼此獨立而各自分工，Vue藉由「組件(componen...
tldr: Vue.js 是一個有彈性的JavaScript框架，讓用戶可以循序漸進地使網站越家豐富 在淺談完網頁的基礎，HTML5之後，今天筆者想與各位分享一下一個對於開發網頁時十分便利的一款工...
這一系列的第一個重頭戲來啦！ Vue 3.6 把底層訊號系統換成 Alien Signals，效能和記憶體占用大幅下降，這意味著：我們在寫 composable 時，不需要任何修改，就能無痛吃到新引擎...
前言 上一篇我們講到 Tailwind，這篇我們來講解 PrimeVue，怎麼安裝、配置、使用。 剛開始挑套件框架時挑了滿久的，那時候是想搭配 UI design 加上要能跟 Tailwind 共存，...
前言 上一篇我們講到 Tailwind，這篇我們來講解 PrimeVue，怎麼安裝、配置、使用。 剛開始挑套件框架時挑了滿久的，那時候是想搭配 UI design 加上要能跟 Tailwind 共存，...
前言 先說! 我覺得版上已經有很多寫得非常好的 Tailwind 系列文章例如 排版神器 Tailwind CSS～和兔兔一起快速上手漂亮的元件開發！或 TailwindCSS — 從零開始 ; 加...
前言 先說! 我覺得版上已經有很多寫得非常好的 Tailwind 系列文章例如 排版神器 Tailwind CSS～和兔兔一起快速上手漂亮的元件開發！或 TailwindCSS — 從零開始 ; 加...
前兩天介紹的 props 是父元件向子元件傳遞資料的方式，若子元件要將更新的狀態傳回父元件，則需要透過 event 觸發父元件的更新。 子元件向父元件傳遞事件 當資料被更新時，透過使用 this.$e...
今天將延續昨天的內容，繼續介紹父元件向子元件傳遞資料的方式 Props Props 資料類型的驗證 當從外部傳入的 props 不符合資料類型的要求， Vue 會在瀏覽器的控制台顯示錯誤訊息來提醒...