vue3 transition 動畫 css class name 改了!

把舊的 vue2 的 animation 的 class 名稱直接沿用到 vue3 專案,發現動畫怎跑不起來,原來是原本的 xxx-enter 改成 xxx-enter-from 了。

閱讀更多
0

在vue專案中不發佈上npm,直接引入另一個本地專案的檔案

看標題好像很難懂我到底想幹嘛,搞這麼麻煩幹什麼XD

因為公司的業務是有一套遊戲是用vue做的,然後幫客戶架設這個遊戲在他們的主機,換上 logo 和網址,就可以營業了。有點類似經銷我們的遊戲給客戶營業。

因為遊戲內容都一樣,我不可能遊戲更新後,我再去所有客戶那邊把程式碼再全部貼上一次。

可是我又不想把主程式用npm publish推上去給人家下載,我只是公司自己要用而已。

期望是有一個主遊戲程式,定期維護更新,然後有新客戶就新增一個空白專案,裡面放logo圖檔和網址的環境變數,再下載主遊戲程式的最新版本;這樣遊戲有調整,其他客戶只要更新到最新版本就可以了。

閱讀更多
0

建立一個vue3的新專案與設定

vue3 也出一陣子了,前陣子一直躍躍欲試,可是又怕新東西不熟,有時間限制的案子我還是不太敢直接使用 vue3,所以這邊閒閒做了一個單頁的 csv 轉換器,大家可以點這裡看看,右上角的 github 也有原始碼。

閱讀更多
0

vue 手機版按鈕的點擊事件如何跑動畫

在手機瀏覽器點擊按鈕的時候,會觸發兩類事件,touchmouse

有時候我只是想要在手機版也有點擊一下的動畫,但是 css 的hover就是怎麼跑怎麼怪,button 還會變成focus狀態,hover 跑下去就回不來了。

這時候就可以使用 vue 的touchstart

閱讀更多
0

vue3使用v-model綁定

vue3 v-model的寫法改了很多,就用下面這個首頁+一個搜尋input來示範,我會把input包成一個component,然後key資料的時候邊更新到首頁。

閱讀更多
0

使用vite後,scss import路徑改寫

如題,vite需要用到的是絕對路徑,所以原本在vue cli那樣的寫法已經會找不到檔案了。

閱讀更多
0

vite建立vue專案的vite.config.js設定

vite來勢洶洶,漸漸發展成不再只是專屬於 vue 可以使用的腳手架打包工具,現在還支援 react 等流行框架。(有沒有一種要取代 webpack 的感覺?XD)

閱讀更多
0

vue 全站使用 websocket 傳輸資料

已經很習慣串接 restful api,突然有個客戶說他的遊戲網站所有資料傳輸都是用 websocket,也就說一般我們打 api,會有開始送出 request 、結束收到 response,是一個有時間性的過程;但是如果是 websocket 的話,送出跟收到是無法放在同一個 function 裡等待(確保)他完成的。websocket 一但連線並開始監聽,就會隨時收到來自 server 的訊息,並不一定能代表這個回傳結果一定就是來自你剛剛送出的請求

閱讀更多
0