Hi Dai Gei Ho~ 我是Winnie,終於今天來到了第五天,明天也要放假了! 在接下來幾篇文章也將開始進入 Vite 的主題,其中此篇文章主要會針對 Vite家庭背景 來做介紹。 Vite...
昨天簡單介紹了Vue的 響應式,關於響應式的基本介紹可以直接看昨天那篇,這邊就不再贅述(╹ڡ╹ )。今天又會再提到一次,只是難度很稍微的加深了,雖然想加一些字讓我的版面看起來很豐富,但是我實在沒什麼好...
每次網路搜尋關鍵字SSR、MPA、SPA,都會有看沒有懂的感覺,看完過沒多久馬上就忘了,藉由這次機會,一次把觀念整理起來,之後還可以複習一下,一舉兩得! Server Side Render(伺服器...
Event Bus 前面提到了父子元件透過emit & prop進行參數傳遞,當樹狀結構逐漸複雜時,在傳遞上複雜度也越來越高。ex: 兩個子元件互相傳遞時(子元件1 -> 子元件2)子元...
Vue作為前端三大框架之一,它的重要性已是不可言喻,除此之外,相較於React與Angular,Vue更適合初學者學習。 以下是2020年的state of JavaScript,可看出它的使用人數一...
問題回答 scoped 屬性的作用是避免父元件的 CSS 樣式會污染到子元件的 CSS 樣式。Deep selector 的作用是相反,即使在父元件設定了 scoped css,仍然容許讓父元件的 C...
今天重開一了個新的 Vue CLI 專案 因為這次想要練習將 component 引入主 App.vue 檔中,所以在新開的專案中,找到 src 資料夾(今天只有碰到 src folder),在 co...
本篇以 Vue CLI 開始這一回合。 Vue CLI 提供快速建置的開發環境,使用者只需透過簡易設定選擇組隊工具,之後再輸入指令便能操作基本的運行功能;如此主要讓使用者能夠聚焦在開發專案,省去事前研...
v-model 修飾符 Vue 裡面為 v-model 提供了一些可以用的修飾符,主要是可以幫我們限制一些使用者輸入的行為以下透過範例講解每個修飾符幫我們做了甚麼事 1. .lazy <!--...
這篇主要整合以下幾點來實作 Tag Helper 動態 新增/刪除 訂單項目 後端加上計算功能 方便之後與輕前端 Vue 的版本做個比較 ! Case01 延續前一次的範例 後端變更 V...