![[筆記] Vue ScrollView 來打造無限捲動 Infinite Scroll](https://smlpoints.com/wp-content/uploads/notes-vuejs-node-js-initialize-projects-1.jpg "[筆記] Vue ScrollView 來打造無限捲動 Infinite Scroll")
[筆記] Vue ScrollView 來打造無限捲動 Infinite Scroll
無限捲動 Infinite Scrolling 在手機有限的頁面上，經由巧妙的設計後，是優化 UX 體驗一種方式。這篇筆記下使用 vue-scrollview Read More …
標籤: vue
[指南] Vue3 vue-i18n Composition API 共用方法
Vue3 搭配 Vue-18N 的套件一同使用時，若你想要沿用 Vue2 撰寫的風格，可以依照以下的原則來設置，以免在本地端正常，但佈署時卻報錯。 原則 1. Read More …
[指南] Vue 動態路由後續加載的兩種處理方式
若 Vue 使用動態路由搭配權限一同使用，會需要經歷「取得路由清單」->「根據權限過濾頁面」->「將過濾出的路由加到既有路由中」->「重新觸發 Read More …
![[指南] 從 Vuex 改用 Pinia 的思路轉換記錄](https://smlpoints.com/wp-content/uploads/guide-from-vuex-to-pinia-thinking-1.jpeg "[指南] 從 Vuex 改用 Pinia 的思路轉換記錄")
[指南] 從 Vuex 改用 Pinia 的思路轉換記錄
Pinia 視為 Vuex 的繼任者，在使用上相比於 Vuex 簡易許多，維護成本也降低許多。這邊筆記下一些思路轉換，並提供一個範本作為參考。 概念 1. 由於 Read More …
![[指南] Auth0 SPA Vue2 串接精簡指南](https://smlpoints.com/wp-content/uploads/guide-auth0-spa-vue2-1.jpg "[指南] Auth0 SPA Vue2 串接精簡指南")
[指南] Auth0 SPA Vue2 串接精簡指南
Auth0 若要與 SPA 環境的 Vue2 版本串接，由於官方並沒有出 Vue2 版本專屬的 SDK。這邊筆記下用 @auth0/auth0-spa-js 套 Read More …
[指南] Vue Proxy Server 搭配 POST 的正確使用方式
每當遇上前後端分離的專案，若要測試 api 串接為了避免 CORS 錯誤，一定會搭配 vue-cli 系列工具所提供的 devServer 來進行 proxy Read More …
![[指南] Vuetify 2 Dark Mode 配色設定與一些細節](https://smlpoints.com/wp-content/uploads/notes-vuetify-expansion-custom-header-with-icons-1.jpg "[指南] Vuetify 2 Dark Mode 配色設定與一些細節"){kind=icon}
[指南] Vuetify 2 Dark Mode 配色設定與一些細節
知名的 Vuetify 框架中，有內建 Dark Mode 的功能，開發者也可以針對其顏色進行一番設定。這邊筆記下針對不同的情境，其設定檔的處理方式。 說明 根 Read More …
![[筆記] EChart 預設開啟 Toolbox 的區域縮放功能](https://smlpoints.com/wp-content/uploads/notes-echarts-formatt-your-tooltip-1.png "[筆記] EChart 預設開啟 Toolbox 的區域縮放功能")
[筆記] EChart 預設開啟 Toolbox 的區域縮放功能
近期正在整合 EChart 和 Vue Grid Layout 套件 時，需要預設將 Toolbox 的區域縮放功能給開啟，對使用者比較友善。礙於官方並沒有提供 Read More …
[筆記] Vue2 結合 EChart 與 Vue-Grid-Layout
在開發監控相關的頁面上，常會有「拖曳區塊」、「縮放區塊」這兩大需求。這邊筆記下將 Vue-Grid-Layout 結合 EChart 一同使用時，所需要注意的事 Read More …
