前言 該系列是為了讓看過Vue官方文件或學過Vue但是卻不知道怎麼下手去重構現在有的網站而去規畫的系列文章，在這邊整理了許多我自己使用Vue重構很多網站的經驗...
slot 在子元件(內層)中預留空間，由父元件(外層)設定、分配內容。子元件本身對slot無控制權子元件可對slot內容進行預設 Fallback Conten...
蘇
‧
2021-09-16
問題回答 當我們更新資料和渲染畫面時會頻繁地新增和刪除 DOM 元素，造成效能問題。因此，不論是 Vue 或 React 都有使用 Virtual DOM 來避...
兔大媽：「百貨公司在跳樓...大！拍！賣！！！（口水）」「趕快來去搶！！！」 (兔大媽掏出了小卡進行一番熱血的戰鬥) 兔大媽：「哇，害啊，買太多提不回家了....
年中才剛攻破 JavaScript 30 挑戰一天一題 JavaScript，過不久因緣際會接了一個專案需要使用框架開發，直接迫使我從 Vanilla.js 新...
其實去年就想這一系列，但是就怕寫完變成別人的線上課程，所以沒有寫 (想太多了)想了一年之後，還是覺得不要留什麼招在自己的內心，這樣才是對自己有信心的表現因為工...
Vue資料的使用方式 在前一篇中，我們已經會一些用來表示內容的方式了，但僅僅只是呈現~所以今天就會來點互動，主要是透過輸入框、下拉選單...等方式來接收使用者的...
Hi，搭給賀，我是Charlie！在Day01當中，我們安裝了所需的套件跟軟體，還做了版面。接下來，我們要開啟新的專案，並且開始頁面規劃囉。 =========...
前言 該系列是為了讓看過Vue官方文件或學過Vue但是卻不知道怎麼下手去重構現在有的網站而去規畫的系列文章，在這邊整理了許多我自己使用Vue重構很多網站的經驗...
Credit: https://lilly021.com/angular-vs-react-vs-vue-js/ 身為一個前端工程師，除了框架 (Vue, R...
emit 監聽子組件父組件: 透過v-on監聽子組件事件子組件: 透過$emit傳遞事件名稱 直接觸發指令 子元件於觸發點定義事件名稱do-emit <b...
蘇
‧
2021-09-15
這次主要跟著三位大神學習 Vue3重新認識 Vue.js | Kuro HsuVue3.0学习教程与实战案例竹白記事本 Vue3 學習資源 大神說學過 Vue2...
問題回答 Vue 3 會為 data 建立一個 Proxy 物件，並在裏面建立 getter 和 setter 來取值和更新值，藉此實現響應式。因此不用直接操作...
一開始會參加鐵人賽的原因是因為某堂課的要求(｡･∀･)ﾉﾞ既然都參加了當然就不能放棄這次的機會，藉由這個比賽對自己的未來加爆分，絕對不要把它當作課堂的某個項目!...
「噁 ... 那條是什麼鬼東西啦！」「對啊 ... 也太可怕了吧 ...」 「嘔！ 還很臭欸 ...」「那是阿嬤的裹腳布吧！！！！」 「不是啦 ...，那個就...
模板語法 在上一篇我們已經完成了我們第一個 Vue 建出來的 Hello Vue 網頁，其中我們有學到一種渲染內容的模板語法 {{ }}，那麼今天就再來學學其他...
前言 該系列是為了讓看過Vue官方文件或學過Vue但是卻不知道怎麼下手去重構現在有的網站而去規畫的系列文章，在這邊整理了許多我自己使用Vue重構很多網站的經驗...
組件中經過引用、連接，會產出樹狀關係圖，即為父元件與子元件的關係。-> 父子元件中不存在繼承關係，也互相獨立，無法直接進行互相修改。 官網示意圖 prop...
蘇
‧
2021-09-14
問題回答 在 Vue 2，我們需要使用 .set() 等 Vue 語法來修改在 data 裏的物件或陣列資料裏的值。這是因為 Vue 2 是使用 Object....
嗨大家好，昨天建立的如何呢！我想應該不會遇到太多的困難吧～ 雖然上次沒有明講，但我想應該大部分人都是用 VS Code 在開發吧？ 既然如此我們就來介紹個好用...
接下來，開始看看如何著手進行 Vue 的開發吧這邊都是透過最原始、最簡單的網頁開發模式進行，所以不會介紹到 Cli 的方式~ Hello Vue ，第一個 Vu...
前言 該系列是為了讓看過Vue官方文件或學過Vue但是卻不知道怎麼下手去重構現在有的網站而去規畫的系列文章，在這邊整理了許多我自己使用Vue重構很多網站的經驗...
組件 可重複使用的實例，有自己的名子，引入後當元素使用。Data 透過 return 定義為函數 -> 每個實例各自維護不互相影響 直接 new Vue...
蘇
‧
2021-09-13
開心，終於正式進入 Vue 的介紹了~在了解 Vue 的寫法前，有個重要的觀念必需去了解，那就是 Vue的生命週期其實我覺得，不管是不是 vue 還是其他的前端...
問題回答 開發時主要在 src 資料夾進行開發，最後打包輸出時是 dist 資料夾。在 src 裏，一定會用到 assets, components, view...
前言 該系列是為了讓看過Vue官方文件或學過Vue但是卻不知道怎麼下手去重構現在有的網站而去規畫的系列文章，在這邊整理了許多我自己使用Vue重構很多網站的經驗...
前面的功能介紹和小練習都度過了，我們現在要來學習如何安裝和設定囉！！！ 不過說到安裝啊，有些人可能會想： 「兔兔！如果我只是想要做簡單的應用和練習呢？ 還要安...
問題回答 Vue 是 SPA 框架，而 Nuxt 是 Vue 生態系裏的一個能同時實現 SPA 和 SSR 的框架。SPA 的主要技術是不用重刷頁面來更新頁面內...
v-model 進行資料雙向綁定，依據監控類型自動選擇正確方式更新元素。常用於表單: <input> // 單行輸入框 <textarea&g...
蘇
‧
2021-09-12
終於~來到了在認識vue之前，我整理的最後一個部份了 會有在認識vue之前的這部份，主要是自己認為可以先搞懂這些特性，後面的應該會更好理解 (應該 XD~這...
Mike
Alysa Chan
搋兔
Teen
Chris
gior__ann
charlieda
Mia Yang
lobsterpp
罷告
iThome鐵人賽
看影片追技術