文件
元件
贊助者
團隊
部落格
搜尋
menu
為何選擇 Quasar?
開始使用
工具
公告
Roadmap
影片教學
品牌資源
更多
v2.17.0
assignment_late
為何捐款
travel_explore
API 瀏覽器
程式碼
如何貢獻
貢獻指南
進行中的專案
開始新專案
專案維護者角色
Commit 慣例
調整
選項與輔助工具
$q 物件
應用程式圖示
SEO (搜尋引擎最佳化)
Quasar 語言包
應用程式國際化
RTL 支援 (由右至左支援)
安裝圖示庫
Quasar 圖示集
平台偵測
Screen 外掛
動畫
轉場效果
樣式
樣式與識別
排版
色彩調色盤
主題產生器
深色模式
間距
陰影
斷點
Body 類別
可見性
定位
Sass/SCSS 變數
其他輔助類別
檢視方格
版面配置與網格
彈性網格
Flexbox 簡介
網格列
網格欄
網格間距
Flexbox 模式
Flex 實驗場
版面配置
使用版面配置與頁面進行路由
版面配置頁首與頁尾
版面配置抽屜
版面配置頁面
版面配置產生器
版面配置展示
頁面黏性定位
頁面滾動器
小工具
Vue 元件
Ajax 載入指示條
頭像
徽章
橫幅
工具列
麵包屑導航
按鈕
按鈕
按鈕群組
按鈕下拉選單
卡片
輪播
聊天訊息
晶片
環狀進度條
色彩選取器
對話框
編輯器 - WYSIWYG (所見即所得)
展開項目
浮動操作按鈕
表單元件
文字輸入欄位
選擇
檔案選擇器
表單
欄位 (容器)
單選按鈕
核取方塊
切換開關
按鈕切換
選項群組
滑桿
範圍滑桿
時間選擇器
日期選擇器
圖示
圖片
無限滾動
內部載入指示
交叉觀察器
旋鈕
線性進度條
列表與列表項目
標記表格
選單
無 SSR (伺服器端渲染)
觀察器
尺寸調整觀察器 (針對元素)
滾動觀察器
分頁
視差滾動
彈出式編輯
彈出式 Proxy
下拉重新整理
評分
響應式
滾動區域
分隔符
骨架屏
滑動項目
滑動轉場
間隔
微調器
分割器
步驟器
表格
標籤頁
標籤面板
時間軸
工具列
工具提示
樹狀結構
上傳器
影片
虛擬滾動
swap_calls
Vue 指令
關閉彈出視窗
交叉
Material Ripples
變動
Morph
滾動
滾動觸發
觸控保持
觸控平移
觸控重複
觸控滑動
extension
Quasar 插件
網址列顏色
應用程式全螢幕
應用程式可見性
底部抽屜
Cookies
深色模式
對話框
載入中
載入進度條
本地/Session 儲存
Meta
通知
developer_mode
Vue Composables
useQuasar
useDialogPluginComponent
useFormChild
useMeta
useHydration
new
useId
new
useInterval
new
useRenderCache
new
useTick
new
useTimeout
new
useSplitAttrs
new
security
安全性
DO's and DON'Ts
回報漏洞
build
Quasar CLI (使用 Vite)
升級指南
NEW!
quasar.config 檔案
使用 Vite 轉換專案至 CLI
瀏覽器相容性
支援 TypeScript
目錄結構
命令列表
CSS 預處理器
路由
延遲載入 - 程式碼分割
處理資源
啟動檔案
預取功能
API 代理
處理 Vite
處理 process.env
使用 Pinia 的狀態管理
使用 Vuex 的狀態管理
Linter
測試與稽核
SPA 模式
簡介
SPA 的應用程式圖示
建置命令
部署
SSR 模式
介紹
撰寫通用程式碼
升級指南
準備
設定 SSR
ssrContext
SSR 中介層
SSR 網頁伺服器
Vue SSR 指令
SSR 應用程式圖示
SSR 的 SEO
客戶端水合
處理 404 和 500 錯誤
搭配 PWA 的 SSR
SSR 常見問題
建置命令
搭配 Typescript 的 SSR
部署
PWA 模式
介紹
準備
建置命令
設定 PWA
PWA 的 HMR
PWA 應用程式圖示
處理 Service Worker
搭配 Typescript 的 PWA
開發行動應用程式
Capacitor 模式
介紹
準備
Capacitor 版本
設定 Capacitor
Capacitor 應用程式圖示
Capacitor API
建置命令
問題排解與提示
管理 Google Analytics
發佈到商店
Cordova 模式
介紹
準備
設定 Cordova
Cordova 應用程式圖示
Cordova 外掛程式
建置命令
問題排解與提示
管理 Google Analytics
發佈到商店
Electron 模式
介紹
升級指南
準備
設定 Electron
Electron 應用程式圖示
建置命令
預載腳本
Electron 套件
存取檔案
無邊框 Electron 視窗
搭配 Typescript 的 Electron
Electron 安全考量
問題排解與提示
瀏覽器擴充功能模式
介紹
準備
設定 BEX
BEX 應用程式圖示
建置命令
BEX 的類型
BEX 通訊 / 事件
背景腳本
內容腳本
DOM 腳本
Ajax 請求
開放開發伺服器給公眾
build
Quasar CLI (搭配 Webpack)
升級指南
NEW!
quasar.config 檔案
轉換為搭配 Webpack 的 CLI
瀏覽器相容性
支援 TypeScript
目錄結構
命令列表
CSS 預處理器
路由
懶加載 - 程式碼分割
處理資源
啟動檔案
預取功能
API 代理
處理 Webpack
處理 process.env
使用 Pinia 的狀態管理
使用 Vuex 的狀態管理
Linter
測試與稽核
SPA 模式
介紹
SPA 應用程式圖示
建置命令
部署
SSR 模式
介紹
撰寫通用程式碼
升級指南
準備
設定 SSR
ssrContext
SSR 中介層
SSR 生產環境匯出
Vue SSR 指令
SSR 應用程式圖示
SSR 的 SEO
客戶端水合
處理 404 和 500 錯誤
搭配 PWA 的 SSR
SSR 常見問題
建置命令
搭配 Typescript 的 SSR
部署
PWA 模式
簡介
準備
建置指令
配置 PWA
PWA 的 HMR
PWA 應用程式圖示
處理 Service Worker
搭配 Typescript 的 PWA
開發行動應用程式
Capacitor 模式
簡介
準備
Capacitor 版本
配置 Capacitor
Capacitor 應用程式圖示
Capacitor API
建置指令
疑難排解與提示
管理 Google Analytics
發佈到商店
Cordova 模式
簡介
準備
配置 Cordova
Cordova 應用程式圖示
Cordova 外掛程式
建置指令
疑難排解與提示
管理 Google Analytics
發佈到商店
Electron 模式
簡介
升級指南
準備
配置 Electron
Electron 應用程式圖示
建置指令
預載腳本
Electron 套件
存取檔案
無邊框 Electron 視窗
搭配 Typescript 的 Electron
Electron 安全考量
疑難排解與提示
瀏覽器擴充功能模式
簡介
準備
配置 BEX
BEX 應用程式圖示
建置指令
BEX 的類型
BEX 通訊 / 事件
背景 Hook
內容 Hook
DOM Hook
Ajax 請求
開放開發伺服器給公眾
stars
Icon Genie CLI
簡介
安裝/升級注意事項
指令列表
應用程式圖示列表
設定檔
note_add
App Extensions
簡介
探索應用程式擴展
Development Guide
簡介
提示 API
安裝 API
索引 API
解除安裝 API
Tips and Tricks
簡介
提供 UI 元件
提供指令
注入 Quasar 插件
啟動套件等效功能
鏈式 Webpack
healing
Quasar Utils
日期工具
色彩工具
DOM 工具
形變工具
格式化工具
滾動工具
類型檢查工具
EventBus 工具
其他工具
歡迎來到 Quasar 文件
在這裡您可以找到開始使用 Quasar 所需的一切。
在頂部導航欄中,有一個搜尋功能可以幫助您找到所需的內容,還有許多其他頁面可以探索,例如初學者資源和關於 Quasar 生態系統的其他酷炫內容。 別忘了查看我們的頁面來
成為贊助者
!
如果您是一位經驗豐富的探險家,請立即行動:使用左側的導航抽屜瀏覽我們最重要的技術資源。
最常用
QTable
QInput
QSelect
QBtn
QCard
版本類型
探索更多
quasar.config
啟動檔案
日期工具
healing
其他工具
Flexbox
動畫