iT邦幫忙

2023 iThome 鐵人賽

DAY 14
0
Vue.js

重新認識 Vue.js系列 第 14

重新認識 Vue.js Day14: 常用套件

  • 分享至 

  • xImage
  •  

接下來先稍微講一下一些在專案上的常用套件,後續多少會使用到,加減聊一下吧

vue-router

說個笑話,應該沒有 Vue 的開發者沒用過這東西吧
vue-router 的作用基本上就是提供創立虛擬路由,透過在根目錄的 # 字號後加上路由或是與伺服器配合,導向不存在的檔案並且重導向回 index.html 這樣就可以透過 vue-router 的機制將路由進行正確導入囉
以及還可以透過 vue-router 路由導航守衛功能,在頁面跳轉前進行權限驗證等等

Vuex/pinia

這兩個工具都是用來處理跨組件功能以及變數傳遞用的套件,當有什麼共用性很高的變數或是方法需要重複引用塞這邊就對啦

mockJS

當你的後端進度十分落後但你卻想要先將 API 給串起來的時候,mockJS 就是你的好夥伴,可以提供 API 攔截功能,並且設定假內容回傳回來,Demo 其實分好用

Lottie.js

快速的動畫引用工具,在線上平台上也有很多熱心人士提供的小動畫,想讓畫面活潑一點嗎,使用他就對了


上一篇
重新認識 Vue.js Day13: 元件數值傳遞
下一篇
重新認識 Vue.js Day15: 額外函式
系列文
重新認識 Vue.js30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言