# Vuepy

## 深度指南

### 开始

- [简介](https://www.vuepy.org/guide/introduction.html): 简介
- [快速上手](https://www.vuepy.org/guide/quick-start.html): 快速上手
- [使用 LLMs 开发 Vuepy 应用](https://www.vuepy.org/guide/build-vuepy-withs-llms.html): 使用 LLMs 开发 Vuepy 应用

### 基础

- [创建一个应用](https://www.vuepy.org/guide/essentials/application.html): 创建一个应用
- [模板语法](https://www.vuepy.org/guide/essentials/template-syntax.html): 模板语法
- [响应式基础](https://www.vuepy.org/guide/essentials/reactivity-fundamentals.html): 响应式基础
- [计算属性](https://www.vuepy.org/guide/essentials/computed.html): 计算属性
- [类与样式绑定](https://www.vuepy.org/guide/essentials/class-and-style.html): 类与样式绑定
- [条件渲染](https://www.vuepy.org/guide/essentials/conditional.html): 条件渲染
- [列表渲染](https://www.vuepy.org/guide/essentials/list.html): 列表渲染
- [事件处理](https://www.vuepy.org/guide/essentials/event-handling.html): 事件处理
- [表单输入绑定](https://www.vuepy.org/guide/essentials/forms.html): 表单输入绑定
- [侦听器](https://www.vuepy.org/guide/essentials/watchers.html): 侦听器
- [模板引用](https://www.vuepy.org/guide/essentials/template-refs.html): 模板引用
- [组件基础](https://www.vuepy.org/guide/essentials/component-basics.html): 组件基础

### 深入组件

- [注册](https://www.vuepy.org/guide/components/registration.html): 注册
- [Props](https://www.vuepy.org/guide/components/props.html): Props
- [事件](https://www.vuepy.org/guide/components/events.html): 事件
- [组件 v-model](https://www.vuepy.org/guide/components/v-model.html): 组件 v-model
- [插槽](https://www.vuepy.org/guide/components/slots.html): 插槽

### 逻辑复用

- [组合式函数](https://www.vuepy.org/guide/reusability/composables.html): 组合式函数
- [插件](https://www.vuepy.org/guide/reusability/plugins.html): 插件

### 组件库

- [ipywui 组件库](https://www.vuepy.org/ipywui/overview.html): ipywui 组件库
- [vleaflet 组件库](https://www.vuepy.org/vleaflet/overview.html): vleaflet 组件库
- [集成 anywidget](https://www.vuepy.org/guide/Integration-with-anywidget.html): 集成 anywidget

### 应用规模化

- [单文件组件](https://www.vuepy.org/guide/scaling-up/sfc.html): 单文件组件
- [工具链](https://www.vuepy.org/guide/scaling-up/tooling.html): 工具链

### 最佳实践

- [安全](https://www.vuepy.org/guide/best-practices/security.html): 安全

## vuepy api

### 全局 API

- [应用实例](https://www.vuepy.org/api/application.html): 应用实例
- [应用管理](https://www.vuepy.org/api/appstore.html): 应用管理
- [通用](https://www.vuepy.org/api/general.html): 通用
- [日志系统](https://www.vuepy.org/api/log.html): 日志系统
- [IPython Magic](https://www.vuepy.org/api/ipython-magic.html): IPython Magic

### 组合式 API

- [setup()](https://www.vuepy.org/api/composition-api-setup.html): setup()
- [响应式: 核心](https://www.vuepy.org/api/reactivity-core.html): 响应式: 核心
- [响应式: 工具](https://www.vuepy.org/api/reactivity-utilities.html): 响应式: 工具
- [响应式: 进阶](https://www.vuepy.org/api/reactivity-advanced.html): 响应式: 进阶
- [生命周期钩子](https://www.vuepy.org/api/composition-api-lifecycle.html): 生命周期钩子
- [依赖注入](https://www.vuepy.org/api/composition-api-dependency-injection.html): 依赖注入

### 内置内容

- [指令](https://www.vuepy.org/api/built-in-directives.html): 指令
- [组件](https://www.vuepy.org/api/built-in-components.html): 组件
- [特殊元素](https://www.vuepy.org/api/built-in-special-elements.html): 特殊元素
- [特殊 Attributes](https://www.vuepy.org/api/built-in-special-attributes.html): 特殊 Attributes

### 单文件组件

- [语法定义](https://www.vuepy.org/api/sfc-spec.html): 语法定义
- [<script lang="py">](https://www.vuepy.org/api/sfc-script-setup.html): <script lang="py">
- [CSS 功能](https://www.vuepy.org/api/sfc-css-features.html): CSS 功能
- [作为 Python 模块导入](https://www.vuepy.org/api/sfc-import-sfc.html): 作为 Python 模块导入

### 进阶 API

- [自定义渲染](https://www.vuepy.org/api/custom-renderer.html): 自定义渲染

## ipywui 组件库

### Overview 组件总览

- [IPywUI UI 组件](https://www.vuepy.org/ipywui/overview.html): IPywUI UI 组件

### Basic 基础组件

- [Button 按钮](https://www.vuepy.org/ipywui/button.html): Button 按钮
- [Layout 布局](https://www.vuepy.org/ipywui/layout.html): Layout 布局
- [App Layout 应用布局容器](https://www.vuepy.org/ipywui/layout-app.html): App Layout 应用布局容器
- [Box Layout 基本布局](https://www.vuepy.org/ipywui/layout-box.html): Box Layout 基本布局

### Form 表单组件

- [Checkbox 多选框](https://www.vuepy.org/ipywui/checkbox.html): Checkbox 多选框
- [ColorPicker 颜色选择器](https://www.vuepy.org/ipywui/color-picker.html): ColorPicker 颜色选择器
- [ComboBox 选择输入框](https://www.vuepy.org/ipywui/combobox.html): ComboBox 选择输入框
- [Date Picker 日期选择器](https://www.vuepy.org/ipywui/date-picker.html): Date Picker 日期选择器
- [DateTime Picker 日期时间选择](https://www.vuepy.org/ipywui/datetime-picker.html): DateTime Picker 日期时间选择
- [Time Picker 时间选择器](https://www.vuepy.org/ipywui/time-picker.html): Time Picker 时间选择器
- [Input 输入框](https://www.vuepy.org/ipywui/input.html): Input 输入框
- [Input Number 数字输入框](https://www.vuepy.org/ipywui/input-number.html): Input Number 数字输入框
- [Radio 单选框](https://www.vuepy.org/ipywui/radio.html): Radio 单选框
- [Select 选择器](https://www.vuepy.org/ipywui/select.html): Select 选择器
- [Select Colors 颜色列表选择器](https://www.vuepy.org/ipywui/select-colors.html): Select Colors 颜色列表选择器
- [Select Numbers 数字列表选择](https://www.vuepy.org/ipywui/select-numbers.html): Select Numbers 数字列表选择
- [Select Tags 标签列表选择器](https://www.vuepy.org/ipywui/select-tags.html): Select Tags 标签列表选择器
- [Slider 滑块](https://www.vuepy.org/ipywui/slider.html): Slider 滑块
- [Toggle Button 开关](https://www.vuepy.org/ipywui/toggle-button.html): Toggle Button 开关
- [Toggle Buttons 切换按钮](https://www.vuepy.org/ipywui/toggle-buttons.html): Toggle Buttons 切换按钮
- [File Upload 上传](https://www.vuepy.org/ipywui/file-upload.html): File Upload 上传

### Data 数据展示

- [Accordion 折叠面板](https://www.vuepy.org/ipywui/accordion.html): Accordion 折叠面板
- [Display 组件展示器](https://www.vuepy.org/ipywui/display.html): Display 组件展示器
- [Image 图片](https://www.vuepy.org/ipywui/image.html): Image 图片
- [Label 标签](https://www.vuepy.org/ipywui/label.html): Label 标签
- [Markdown 查看器](https://www.vuepy.org/ipywui/markdown-viewer.html): Markdown 查看器
- [Play 播放器](https://www.vuepy.org/ipywui/play.html): Play 播放器
- [Progress 进度条](https://www.vuepy.org/ipywui/progress.html): Progress 进度条
- [Valid 状态指示器](https://www.vuepy.org/ipywui/valid.html): Valid 状态指示器

### Navigation 导航

- [Dropdown 下拉菜单](https://www.vuepy.org/ipywui/dropdown.html): Dropdown 下拉菜单
- [Tabs 标签页](https://www.vuepy.org/ipywui/tabs.html): Tabs 标签页
- [Stack 组件栈](https://www.vuepy.org/ipywui/stack.html): Stack 组件栈

### Feedback 反馈组件

- [Dialog 对话框](https://www.vuepy.org/ipywui/dialog.html): Dialog 对话框
- [Message 消息提示](https://www.vuepy.org/ipywui/message.html): Message 消息提示

### Other 其他

- [Clipboard 剪贴板组件](https://www.vuepy.org/ipywui/clipboard.html): Clipboard 剪贴板组件
- [Controller 游戏控制器](https://www.vuepy.org/ipywui/controller.html): Controller 游戏控制器
- [集成第三方小组件](https://www.vuepy.org/ipywui/display.html): 集成第三方小组件