前言 在 Vue 過氣前要學的第十六件事 - 愛是雙向的 中,我們提到了 vue 的雙向綁定,這僅止於父子關係的組件。 但如果今天這個元件跨了兩層,跨了三層嗎,...
前言|系列架構與 Chapter說明 這一系列文章的主軸是 「需求至上」的 Vue 3 學習之旅。我會預設大家都是有JS開發經驗的人~本篇章主要是把每個實戰按理...
一、起心動念 三大框架都碰過,但 Vue.js 以 簡潔語法與輕量特性 讓我著迷。 曾喜愛過小眾框架 Riot.js,它的雙向綁定和 template 語法糖也...
新增 Header 元件 在 src/components 內新增一個 Header.vue 用來放 header 的程式碼 <template>...
目標 打造一個線上履歷作品集網站,讓面試官能快速理解我的定位、技能、專案成果與聯絡方式,同時透過設計細節展現專業感。 內容架構 個人資料、學經歷 → 定位...
前言 Vue 是一個資料驅動的框架,畫面是由資料的狀態所決定的,當資料改變,畫面會自動更新。 因此,掌握資料的流向、變動方式與渲染時機,是深入理解 Vue 的核...
身為台北小小公司的小小社畜,每天花近3個小時通勤,好不容易(真的好不容易)這段時間可以常駐台北,省去大把通勤時間,要拿來做什麼呢?不可能都拿來滑手機、追劇吧,身...
前言 在 Vue 中,當你希望做某些動作並觸發事件時,可能就會需要用到事件綁定,譬如說呢,今天要點擊一個按鈕數字會 +1: const count = ref(...
這次 30 天的挑戰將從一個產品下手去學習,至於為什麼用產品而不是單純學語法勒,因為單純語法太無聊了 ouo產品目標是「推甄經驗分享網站」,其實從暑假就想做了,...
前言 在前端開發中,難免動態決定該渲染什麼資料的情況,舉例來說,今天有一個畫面是 : 要根據 API 回傳的資料來渲染該公司的員工列表 那公司員工這個資料可...
前言 v-bind 是非常常見的內置指令,常用於 HTML attribute,例如 style, class, props, etc.。 放的位置會在 ele...
前言 其實一開始很猶豫要不要寫這個篇章,因為如果你用過 Vue 那接下來這些指令你基本上應該是爛熟於心。 不過考慮到這些指令是基本上你不可能可以避免的功能,除非...
前言 Vue 3.6.0-alpha.1 推出了,其中最特殊的應該就是這個 Vapor Mode 了,就來看一下這個新的模式會有什麼幫助吧。 概述 Vapor...
前言 為什麼我們要了解 Vue 的渲染機制呢,當然是為了面試 當然是為了自我成長阿。我主觀感受來說,在於 使用框架 這件事上,你不太應該要先了解渲染機制才能用框...
前言 在 3.6 alpha 中,除了我們後面會講到的 Vapor Mode,再來就是響應式系統又又又被重寫了。這個 alien-signals 是什麼呢,是由...
前言 在 Vue 的使用中你可能會看到 ref 跟 reactive,這是 Composition API 的核心,讓資料具備響應式。 但平平都是用來做變數的引...
前言 在研究 Vue 的時候第一個吸引我的,絕對是版本名稱。 1.0: "Evangelion" (新世紀福音戰士) 2.0 "...
前言 今天是 9 月 1 號, 在這個特別的日子裡~為什麼特別呢, 因為今天是 友克鑫集合是我鐵人賽開賽的第一天啦! 話不多說直接開始身為一名前端工程師,對框架...
大家好!這是我參加鐵人賽的第一天文章 🎉。這次我選擇的主題是 「Vue.js + 雅思學習目標」,為什麼會把前端框架和英文考試放在一起呢?原因很簡單:一方面我想...
聯繫我 如果有任何問題或建議,歡迎隨時聯繫我: GitHub Email 前言 今年,再次挑戰自我! 也謝謝我的好朋友,邀請我繼續參加這場「攀登技術...
👋 Hello 大家好,我是 Ryan 借用大家的 iT 邦幫忙版面及時間來稍微宣傳一下新書,本文文末有免費贈書!!!歡迎個人、讀書會、學校社團及社群來洽詢索...
參賽進入最尾聲了,剩下最後一個實戰任務!將會用我之前透過.net MVC開發的訂房網站為基礎進行;今天來完成房間資訊頁,並比較看看和原先jQuery差別在哪!...
蛤肉,搭家好,我乘風破浪的來了。 在寫這篇前,想說把自己 Day1~Day29 看過一遍,就可以準備好心情和能量,面對完賽了喔這個不真實的事實,屏氣凝神的來下筆...
參賽進入最尾聲了,剩下最後一個實戰任務!將會用我之前透過.net MVC開發的訂房網站為基礎進行;昨天我們已經連上了本機資料庫,並測試成功把資料丟到View,接...
對,是系列文!在 Vue 中,組件之間傳遞資料的機制有許多種,本系列主要介紹父、子組件之間的溝通,分別為:「父傳子:Props」&&「子傳父:E...
終於來到了終點線第30天了~有陪伴到這裡看完任何一篇的你們都很棒,感謝妳(你)們的耐心閱讀,今天可以不用聊嚴肅的話題(誤?),不過還是回顧一下過程中,那些比較特...
參賽進入最尾聲了,剩下最後一個實戰任務!將會用我之前透過.net MVC開發的訂房網站為基礎進行! 這系列兩大重點: 實際操作本機資料庫 當Vue.js加入....
對,是系列文!在 Vue 中,組件之間傳遞資料的機制有許多種,本系列主要介紹父、子組件之間的溝通,分別為:「父傳子:Props」&&「子傳父:E...
Vue可以用來構建單頁應用程式 (SPA),打包後的程式碼會完全在瀏覽器上執行,透過 JavaScript 生成 DOM 元素並交由瀏覽器進行呈現(Client...
Hello 大家蠔,今天我們來學習 Vue 的核心概念:組件。 分別會帶到這些內容: 定義一個組件構建步驟定義的組件 - 單文件組件使用物件導出定義的組件...