2022年4月28日 星期四

vue3繼承實作

›
在使用物件導向的程式語言  class繼承一直是很常使用的架構 在vue2 透過extends vue元件做到做元件繼承 最到類似class繼承後許多方便的功能 使用繼承的目的是 1.定義好通用的props,data,computed 繼承者都可直接使用 2.定義好通用的meth...

vue2升級vue3 composition api紀錄

›
將原本的vue2更新使用vue3 composition api改寫 針對原本vue2 option api使用的各個功能對應到vue3的使用 紀錄如下 1.主架構 <script setup lang="ts"></script> 所...
2022年4月14日 星期四

vue quasar 透過process.env動態傳遞變數到web內

›
使用qusar建立vue網頁 可透過執行quasar dev執行或quasar build產生編譯檔案 如果希望可以 例如透過產生quasar build產生開發區或正式區的網站內容 但測試區與正式區取用資料的api是不相同的 希望可以透過 stage=master quasar...
2022年4月9日 星期六

墾丁

›
 去年夏天 妹妹國小畢業 原本計畫好 要一起騎車環島 因為疫情不能出發 上禮拜騎車去東港 就跟妹妹說好 有機會我們騎車去墾丁 看著今天的好天氣 也過了連續假期 不會有太多的人車 往墾丁 選定今天 我們就要出發 早上8點半出門 去康是美給妹妹買了防曬 這次我們走一號省道 沿著88底...
2022年4月6日 星期三

ansible 檢查檔案是否存在

›
在ansible內需要檢查檔案是否存在 以當作條件決定後續工作是否執行 檢查遠端主機檔案跟執行local端檔案 是有差異的 檢查要控制的遠端主機檔案(被ansible控制的主機) - name: check the nginx template config exist   st...