在我們今天進入程式前先來看看專案的架構吧～ 一、Vite 專案結構，快速認識誰是誰 vite-project/：你的專案根目錄（下面所有東西都在這裡）。 index.html：整個網站的起點（...
身為台北小小公司的小小社畜，每天花近3個小時通勤，好不容易（真的好不容易）這段時間可以常駐台北，省去大把通勤時間，要拿來做什麼呢？不可能都拿來滑手機、追劇吧，身為單身狗也沒有人天天陪我玩，那我只好～～...
前言 在 Vue 中，當你希望做某些動作並觸發事件時，可能就會需要用到事件綁定，譬如說呢，今天要點擊一個按鈕數字會 +1: const count = ref(0) ▲ 宣告一個 count ref...
前言 在 Vue 中，當你希望做某些動作並觸發事件時，可能就會需要用到事件綁定，譬如說呢，今天要點擊一個按鈕數字會 +1: const count = ref(0) ▲ 宣告一個 count ref...
上一篇稍微提到幾項vue的優點，這篇來詳細介紹vue吧! 到vue的官網查看，映入眼簾的第一句話就是「漸進式JavaScript框架」，那什麼是漸進式框架? 漸進式框架(Progressive Fra...
作用域 slot slot 是無法直接子元件的內容的，若我們同時需要使用父元件、子元件的 data 便可以使用 props 的做法，對 slot 的出口做傳遞eg.子元件先透過 slot 屬性把 da...
這次 30 天的挑戰將從一個產品下手去學習，至於為什麼用產品而不是單純學語法勒，因為單純語法太無聊了 ouo產品目標是「推甄經驗分享網站」，其實從暑假就想做了，但實在太懶，所以網站遲遲沒出來，希望這...
有時候我們會根據 slot 內容決定是否渲染，這時可以搭配 v-if 使用eg. 如果父元件有傳值進來 slot 就顯示 <template> <div class="...
前言 在前端開發中，難免動態決定該渲染什麼資料的情況，舉例來說，今天有一個畫面是 : 要根據 API 回傳的資料來渲染該公司的員工列表 那公司員工這個資料可能不是固定的，因此不太會透過靜態寫死的方...
前言 在前端開發中，難免動態決定該渲染什麼資料的情況，舉例來說，今天有一個畫面是 : 要根據 API 回傳的資料來渲染該公司的員工列表 那公司員工這個資料可能不是固定的，因此不太會透過靜態寫死的方...