[VueJS] 使用 Vue 來寫瀏覽器擴充功能

瀏覽器擴充功能其實算是老掉牙的東西了,不過拿 Vue 來開發算是挺方便的一件事情。當然,在這裡你可以把 Vue 換成其他的熱門工具,不過我剛好會寫一點 Vue 所以就拿這個來開發一點小玩具,也是挺合理的。 前置作業 首先呢,你可能會需要一個 Vue 的工具方便作業,在 github 上面,已經有人提供了完整的 Vue Template 可以使用,所以,最快的方式就是用 Vue CLI 的方式去安裝, vue init kocal/vue-web-extension

[Vue] 有樣學樣的 Hook

去年年底比較大的新聞大概就是 React 推出了 Hook [https://reactjs.org/docs/hooks-intro.html] 的功能。不過因為我沒有寫 React,所以到底他在幹嘛其實我也不太清楚(欸)!然後 Vue 這邊真的就只是實驗性功能而已,請不要亂上 Production! -------------------------------------------------------------------------------- 關於 React Hook 可以參考這個影片介紹, 個人理解若有錯誤煩請指正感恩 XD 然後 Vue 的老爸也做了一套 Hook [https://github.