情境

我們可能需要為 Vue 專案添加自定義 method，重點是每個 component 都有可能用到，有什麼方法可以不用一直複製貼上？

延續上一篇的 code，接著最關鍵的登入驗證邏輯與相關功能。

入行至今也一段時間啦，雖不是多坎坷但也沒順遂到哪去，踩坑、debug、體驗純靠北工程師上的各種職場鳥事，導致 blog 呈現半放置狀態都是藉口。

回到正題，用 Vue.js 前端框架的理由很多，大概可以另外寫一篇騙文章數，是最近替公司後台頁面做重構，有機會用上現代框架，藉此寫一下開發流程，也讓這裡少長些草。

之前在維護一些2013年的 legacy code 時， console 往往跳一堆警告出來，發現在那 jQuery 大行其道的單純美好年代，有些用法已經被現代瀏覽器認為不潮了要改進了，於是整理一下前人的時代眼淚及符合 modern web 的修正方法，相單契合本網誌大標歷史共業，希望以後修舊 code 會少點 debug 時間…

總之還是把文章先搬過來了，舊的直接放生。

其實應該不限於 Vue，這是 JavaScript 語言的基礎特性，怪我不用功越級打怪就一直在還債QQ

網頁中使用<object> tag 載入 svg 檔案的寫法長這樣:

1
2

<object type="image/svg+xml" data="myFile.svg" id="myObj">
</object>

如果我們想用 JS 取得 svg 裡的<path> 節點呢?

window.navigator.userAgent

實務上有判別造訪網頁是哪家OS的需求，可以用這支API來判定，