今天的內容將探討 Vue 元件的一生 Vue 的實體物件從開始創建、初始化資料、DOM 元素掛載、資料渲染與更新、卸載等過程，稱作生命週期。 Hooks function 是什麼？ 在生命週期的階段...
系列文章: 前端工程師的 Modern Web 實踐之道 - Day 5預計閱讀時間: 16 分鐘難度等級: ⭐⭐⭐☆☆ 🎯 今日目標 在前一篇文章中，我們探討了 TypeScript 的導入策略...
預設值注入 通常 inject 是由父層 provide ，若無則 Vue 會拋出一個 warning，此時可以在子元件定義預設的 inject 值，就算父元件沒有提供也不會報錯eg.子元件 <...
好的今天來介紹一下怎麼安裝vue.js。我本身已經安裝好VSCode跟Node.js以及npm，所以這裡直接跳到安裝vue.js的部分，各位如果還沒安裝VSCode和Node.js的話，網路上有許多教...
在開始學習 Vue 之前，我想先介紹一下 Vue.JS 是什麼，以及這個框架的開發背景。我們先知道這個框架的大致方向及特色，我們就會對 Vue 這個框架有更深層的認識，未來在學習的時候也不會那麼的迷茫...
前言 這幾年前端變得很火，好像大家都開始往前端發展，前端工程的行業變得越來多人參與，雖然我知道很多人已經寫過類似文章拉XD，這也是我第一次寫教學文章，如果有誤歡迎留言不吝指正，小的會吸取相關錯誤及經驗...
前言 你可能會聽說 vue 是雙向綁定，但我又說 Vue 是單向資料流。先別生氣。 這就要提到 `emit 了，在 Vue 過氣前要學的第十五件事 - 單向資料流中提到了 Vue 是一個資料驅動的框...
一、講解什麼是「頁面骨架」？應該是大家的第一個問題，先想像要蓋一間房子，是不是在住進夢想房子前，需要先仔細想想樑柱和房間的區隔，最起碼先定好客廳、廚房、臥室的位置，才再想之後的家具想放甚麼?在哪裡?這...
今天接著講vue.js另外一項核心功能--元件化組件元件化組件(Component System)將使用者介面拆解成一個個不利且能重複使用的零件(元件)，並利用這些製作好的模組化元件快速製作網頁 元件...
一般狀況下，我們若想傳遞 data 會使用 props，若接收元件是在深層的狀況，且該元件之父級元件並不 care 該 props ，我們便可以利用 provide / inject 來跨層級傳遞，因...