接下來介紹共用元件（components）的開發，讓不同功能頁面重複使用。先從最簡單的跳窗開始介紹，後續幾天則會帶到進階與更複雜的元件，讓前端 UI 模組更完整，協助前端開發者快速組裝所需功能。 跳窗...
今日目標：完成一個星際地圖 /：星際地圖（星球清單） /planet/:slug：星球介紹頁（動態路由） 找不到路由 → 404 頁 1) 建立資料：src/data/planets.js exp...
昨天我們學會了 表單與使用者輸入，不過目前我們的 Vue App 還停留在「單一頁面」的階段。今天要開啟一條新的星際航線 —— Vue Router ！ 為什麼需要 Vue Router？ 沒有 R...
由於 Vue 是單頁應用程式(SPA)，當頁面發生跳轉時，仍然是使用相同的HTML檔案(index.html)，不同於傳統多頁應用(MPA)，每個網址對應一個實際檔案，需要向後端的伺服器發送請求，因此...
接下來我們要針對refreshList()進行介紹，此方法是從後端API撈取員工資料，因為資料需要在多個組件之間共享，須透過Vuex管理狀態，由其向後端請求，經存入狀態後，網頁畫面才更新。 由上面的說...
今天將是Vue.js入門的最後一篇文章，將會接續昨天的內容，繼續談論關於子元件的一些常見的應用與功能。那麼就讓我們直接開始今日的內容吧！ 向父元件發送事件吧！ 除了前一篇中所提及的給子元件傳送 pro...
先前在 Day19 Vue 插槽 Slots (上) 的內容中，有提到 slot 可以將父元件的模板片段內容渲染在子元件中的指定位置，但是其燈箱(lightbox)的背景無法遮蔽住整個網頁的畫面，因此...
前言 終於! 我們進到最後一個篇章，進階使用之生命週期篇; 之所以會把生命週期擺在這麼後面是因為 :只有實際寫過的人，才能更好的理解，所謂不同生命週期具體是指什麼? 不建議去硬背順序，那並不會對於你的...
前言 終於! 我們進到最後一個篇章，進階使用之生命週期篇; 之所以會把生命週期擺在這麼後面是因為 :只有實際寫過的人，才能更好的理解，所謂不同生命週期具體是指什麼? 不建議去硬背順序，那並不會對於你的...
接續前面按鈕的@click監聽點擊事件後，執行的方法，繼續進行相關介紹，首先針對openCreate()，仔細去看其中的內容，參考如下。 // src/views/Employee.vue <s...