鐵人檔案
如何編譯 Vue Cli 完整專案 vue 在本地端 npm run build 就會產生編譯 npm run build 使用 vue ui 可以透過...
路由守衛簡介 路由守衛主要可以用在三個地方 : 「全域」、「路由」、「元件」。而關於路由守衛，我們可以簡單理解成 : 當我們在執行路由跳轉，路由守衛會在你變...
路由守衛 顧名思義就是只能在路由註冊 XD 當你進入任何一個路由之前，都會觸發。看起來 和 beforeEach 功能好像一樣，實際上兩者差別在於 : befo...
slot的概念 在內層的元件中開一個缺口給外層的元件使用，所以外部的元件可以直接操作內層元件的HTML結構。 我們可以透過 slot 從外層直接操作內層的HTM...
$nextTick() $nextTick() 會在確定 DOM 全部掛載與渲染完成之後，才會去執行$nextTick() 內的內容。 在 vue 的雙向綁定中...
Teleport 自訂義元件位置 teleport 是傳送的意思。假設我們今天希望在 navbar 和 footer 區塊都用到同一個元件，我們就可以透過 te...
利用 Computed + filter 簡單搜尋 透過 Computed + filter 雖然可以快速達成搜尋功能，但這個方式卻不能同時篩選兩個以上的關鍵字...
篩選資料類別 我們可以透過map方法來篩選出資料的類別。 這裡附上 filter 和 map的差別 : ES6 map和filter的區别 <li cla...
如果我們要實作 「將資料複製到剪貼簿」的操作，我們有三種選擇，分別為 : Document.execCommand() Clipboard API Clipb...
在談使用方法之前，我們可以先講一下為何我們需要監聽動態路由。 當我們使用動態路由匹配功能時，可能會在頁面中跳轉至其他也由動態路由生成的頁面，此時可能會發生「網址...
