Runtime API Examples
This page demonstrates usage of some of the runtime APIs provided by VitePress.
The main useData() API can be used to access site, theme, and page data for the current page. It works in both .md and .vue files:
md
<script setup>
import { useData } from 'vitepress'
const { theme, page, frontmatter } = useData()
</script>
## Results
### Theme Data
<pre>{{ theme }}</pre>
### Page Data
<pre>{{ page }}</pre>
### Page Frontmatter
<pre>{{ frontmatter }}</pre>Results
Theme Data
{
"nav": [
{
"text": "首页",
"link": "/"
},
{
"text": "前端",
"items": [
{
"text": "前端基础",
"items": [
{
"text": "HTML&CSS",
"link": "/front/01-HTMLCSS/00.常用meta"
},
{
"text": "JavaScript",
"link": "/front/02-JavaScript/01.JS基础"
},
{
"text": "TypeScript",
"link": "/front/03-TypeScript/01.TS基础"
},
{
"text": "微信小程序",
"link": "/front/04-Weapp/01.小程序基础"
},
{
"text": "ES6",
"link": "/front/05-ES6/01.ECMAScript6简介"
},
{
"text": "Git",
"link": "/front/06-Git/00.常用Git命令清单"
}
]
},
{
"text": "前端框架",
"items": [
{
"text": "Vue",
"link": "/front/07-Vue/01.基础/00.MVVM模式"
},
{
"text": "Uniapp",
"link": "/front/08-Uniapp/01.uniapp"
},
{
"text": "Donut",
"link": "/front/09-Donut/01.Donut介绍"
}
]
},
{
"text": "前端相关",
"items": [
{
"text": "UI组件库",
"link": "/front/10-UIDesign"
},
{
"text": "中后台框架",
"link": "/front/11-AdminDesign"
},
{
"text": "技术文档",
"link": "/front/12-Document"
},
{
"text": "设计模式",
"link": "/front/13-DesignMode"
}
]
}
]
},
{
"text": "后端",
"items": [
{
"text": "开发方式",
"items": [
{
"text": "Nodejs",
"link": "/backend/nodejs/01/"
},
{
"text": "CloudBase",
"link": "/backend/cloudbase/01/"
},
{
"text": "云开发",
"link": "/backend/clouddev/01/"
},
{
"text": "Java",
"link": "/backend/nodejs/01/"
}
]
},
{
"text": "开发框架",
"items": [
{
"text": "Koa",
"link": "/backend/koa/01/"
},
{
"text": "Express",
"link": "/backend/express/01/"
},
{
"text": "Eggjs",
"link": "/backend/express/01/"
},
{
"text": "Nestjs",
"link": "/backend/express/01/"
}
]
},
{
"text": "数据库",
"items": [
{
"text": "Mongodb",
"link": "/backend/mongodb/01/"
},
{
"text": "MySQL",
"link": "/backend/mysql/01/"
},
{
"text": "Redis",
"link": "/backend/redis/01/"
}
]
},
{
"text": "服务运维",
"items": [
{
"text": "Linux",
"link": "/backend/linux/01/"
},
{
"text": "Nginx",
"link": "/backend/nginx/01/"
},
{
"text": "Jenkins",
"link": "/backend/nginx/01/"
}
]
}
]
},
{
"text": "设计",
"items": [
{
"text": "学习",
"items": [
{
"text": "产品经理",
"link": "/design/pm/01/"
},
{
"text": "UX设计",
"link": "/design/ux/01/"
},
{
"text": "平面设计",
"link": "/design/ps/01/"
},
{
"text": "设计相关",
"link": "/design/pd/01/"
}
]
},
{
"text": "熏陶",
"items": [
{
"text": "素材站点",
"link": "/design/websites/01/"
},
{
"text": "设计工具",
"link": "/design/online/01/"
}
]
}
]
},
{
"text": "笔记",
"items": [
{
"text": "考研",
"items": [
{
"text": "高等数学",
"link": "/notes/Math/01.极限"
},
{
"text": "英语",
"link": "/notes/English/01.短语"
},
{
"text": "政治",
"link": "/notes/Politics/01.马哲"
}
]
},
{
"text": "计算机",
"items": [
{
"text": "计算机组成",
"link": "/notes/structure/01/"
},
{
"text": "计算机网络",
"link": "/notes/structure/01/"
},
{
"text": "操作系统",
"link": "/notes/structure/01/"
},
{
"text": "数据结构",
"link": "/notes/structure/01/"
},
{
"text": "软件工程",
"link": "/notes/structure/01/"
},
{
"text": "算法",
"link": "/notes/write/01/"
}
]
},
{
"text": "阅读剪裁",
"items": [
{
"text": "技术相关",
"link": "/notes/technology/01tech"
},
{
"text": "实用技巧",
"link": "/notes/skills/01skills"
},
{
"text": "名言佳句",
"link": "/notes/wisdom/01wisdom"
},
{
"text": "草稿箱",
"link": "/notes/draft/01draft"
}
]
}
]
},
{
"text": "收藏",
"link": "/favorite/favorite"
},
{
"text": "关于",
"link": "/about"
}
],
"sidebar": {
"/backend/": [
{
"text": "Nodejs",
"collapsed": true,
"items": [
{
"text": "Nodejs递归读取所有文件",
"link": "/backend/01-Nodejs/01.nodejs递归读取所有文件"
}
]
},
{
"text": "Java",
"collapsed": true,
"items": [
{
"text": "Java学习笔记",
"link": "/backend/04-Java/01.Java学习笔记"
}
]
},
{
"text": "Mongodb",
"collapsed": true,
"items": [
{
"text": "数据迁移",
"link": "/backend/21-Mongodb/01.数据迁移"
}
]
},
{
"text": "Dev Ops",
"collapsed": true,
"items": [
{
"text": "Docker中使用 Mongo DB",
"link": "/backend/31-DevOps/02.Docker中使用MongoDB"
}
]
}
],
"/design/": [],
"/favorite/": [
{
"text": "Favorite",
"collapsed": true,
"items": [
{
"text": "Favorite",
"link": "/favorite/favorite"
}
]
}
],
"/front/": [
{
"text": "HTMLCSS",
"collapsed": true,
"items": [
{
"text": "常用meta",
"link": "/front/01-HTMLCSS/00.常用meta"
},
{
"text": "Flex布局",
"link": "/front/01-HTMLCSS/01.flex布局"
},
{
"text": "Flex布局基础",
"link": "/front/01-HTMLCSS/02.flex布局基础"
},
{
"text": "Flex骰子布局",
"link": "/front/01-HTMLCSS/03.flex骰子布局"
},
{
"text": "Flex圣杯布局",
"link": "/front/01-HTMLCSS/04.flex圣杯布局"
},
{
"text": "Flex网格布局",
"link": "/front/01-HTMLCSS/05.flex网格布局"
},
{
"text": "Flex输入框布局",
"link": "/front/01-HTMLCSS/06.flex输入框布局"
},
{
"text": "Transition过渡",
"link": "/front/01-HTMLCSS/07.Transition过渡"
},
{
"text": "Animation动画",
"link": "/front/01-HTMLCSS/08.Animation动画"
},
{
"text": "图片加载",
"link": "/front/01-HTMLCSS/20.图片加载"
},
{
"text": "文字溢出",
"link": "/front/01-HTMLCSS/30.文字溢出"
},
{
"text": "盒子模型",
"link": "/front/01-HTMLCSS/35.盒子模型"
},
{
"text": "水平垂直居中",
"link": "/front/01-HTMLCSS/40.水平垂直居中"
},
{
"text": "跟随系统主题",
"link": "/front/01-HTMLCSS/45.跟随系统主题"
},
{
"text": "CSS悬浮提示",
"link": "/front/01-HTMLCSS/50.CSS悬浮提示"
},
{
"text": "CSS函数汇总",
"link": "/front/01-HTMLCSS/60.CSS函数汇总"
},
{
"text": "Tbody滚动条",
"link": "/front/01-HTMLCSS/70.tbody滚动条"
},
{
"text": "CSS技巧",
"link": "/front/01-HTMLCSS/80.CSS技巧"
}
]
},
{
"text": "Java Script",
"collapsed": true,
"items": [
{
"text": "JS基础",
"link": "/front/02-JavaScript/01.JS基础"
},
{
"text": "内置对象",
"link": "/front/02-JavaScript/02.内置对象"
},
{
"text": "面向对象",
"link": "/front/02-JavaScript/03.面向对象"
},
{
"text": "异步操作",
"link": "/front/02-JavaScript/04.异步操作"
},
{
"text": "DOM",
"link": "/front/02-JavaScript/05.DOM"
},
{
"text": "事件",
"link": "/front/02-JavaScript/06.事件"
},
{
"text": "浏览器模型",
"link": "/front/02-JavaScript/07.浏览器模型"
},
{
"text": "33 个实用的一行代码",
"link": "/front/02-JavaScript/25.JavaScript实用技巧/01.33个实用的一行代码"
},
{
"text": "New命令原理",
"link": "/front/02-JavaScript/25.JavaScript实用技巧/02.new命令原理"
},
{
"text": "ES 5 面向对象",
"link": "/front/02-JavaScript/25.JavaScript实用技巧/03.ES5面向对象"
},
{
"text": "ES 6 面向对象",
"link": "/front/02-JavaScript/25.JavaScript实用技巧/04.ES6面向对象"
},
{
"text": "数组去重",
"link": "/front/02-JavaScript/25.JavaScript实用技巧/06.数组去重"
},
{
"text": "类型判断",
"link": "/front/02-JavaScript/25.JavaScript实用技巧/100.类型判断"
},
{
"text": "随机打乱数组",
"link": "/front/02-JavaScript/25.JavaScript实用技巧/50.随机打乱数组"
},
{
"text": "判断移动端浏览器",
"link": "/front/02-JavaScript/25.JavaScript实用技巧/60.判断移动端浏览器"
},
{
"text": "一维转为二维数组",
"link": "/front/02-JavaScript/25.JavaScript实用技巧/70.一维转为二维数组"
},
{
"text": "防抖与节流函数",
"link": "/front/02-JavaScript/25.JavaScript实用技巧/80.防抖与节流函数"
},
{
"text": "J S获取和修改url参数",
"link": "/front/02-JavaScript/25.JavaScript实用技巧/90.JS获取和修改url参数"
}
]
},
{
"text": "Type Script",
"collapsed": true,
"items": [
{
"text": "TS基础",
"link": "/front/03-TypeScript/01.TS基础"
},
{
"text": "简介",
"link": "/front/03-TypeScript/02.TypeScript从零实现 axios/01.初识 TypeScript/01.简介"
},
{
"text": "安装 Type Script",
"link": "/front/03-TypeScript/02.TypeScript从零实现 axios/01.初识 TypeScript/02.安装 TypeScript"
},
{
"text": "编写第一个 Type Script 程序",
"link": "/front/03-TypeScript/02.TypeScript从零实现 axios/01.初识 TypeScript/03.编写第一个 TypeScript 程序"
},
{
"text": "基础类型",
"link": "/front/03-TypeScript/02.TypeScript从零实现 axios/02.TypeScript 常用语法/01.基础类型"
},
{
"text": "变量声明",
"link": "/front/03-TypeScript/02.TypeScript从零实现 axios/02.TypeScript 常用语法/02.变量声明"
},
{
"text": "接口",
"link": "/front/03-TypeScript/02.TypeScript从零实现 axios/02.TypeScript 常用语法/03.接口"
},
{
"text": "类",
"link": "/front/03-TypeScript/02.TypeScript从零实现 axios/02.TypeScript 常用语法/04.类"
},
{
"text": "函数",
"link": "/front/03-TypeScript/02.TypeScript从零实现 axios/02.TypeScript 常用语法/05.函数"
},
{
"text": "泛型",
"link": "/front/03-TypeScript/02.TypeScript从零实现 axios/02.TypeScript 常用语法/06.泛型"
},
{
"text": "类型推断",
"link": "/front/03-TypeScript/02.TypeScript从零实现 axios/02.TypeScript 常用语法/07.类型推断"
},
{
"text": "高级类型",
"link": "/front/03-TypeScript/02.TypeScript从零实现 axios/02.TypeScript 常用语法/08.高级类型"
},
{
"text": "需求分析",
"link": "/front/03-TypeScript/02.TypeScript从零实现 axios/03.ts-axios 项目初始化/01.需求分析"
},
{
"text": "初始化项目",
"link": "/front/03-TypeScript/02.TypeScript从零实现 axios/03.ts-axios 项目初始化/02.初始化项目"
},
{
"text": "编写基础请求代码",
"link": "/front/03-TypeScript/02.TypeScript从零实现 axios/03.ts-axios 项目初始化/03.编写基础请求代码"
},
{
"text": "处理请求 Url 参数",
"link": "/front/03-TypeScript/02.TypeScript从零实现 axios/04.ts-axios 基础功能实现/01.处理请求 url 参数"
},
{
"text": "处理请求 Body 数据",
"link": "/front/03-TypeScript/02.TypeScript从零实现 axios/04.ts-axios 基础功能实现/02.处理请求 body 数据"
},
{
"text": "处理请求 Header",
"link": "/front/03-TypeScript/02.TypeScript从零实现 axios/04.ts-axios 基础功能实现/03.处理请求 header"
},
{
"text": "获取响应数据",
"link": "/front/03-TypeScript/02.TypeScript从零实现 axios/04.ts-axios 基础功能实现/04.获取响应数据"
},
{
"text": "处理响应 Header",
"link": "/front/03-TypeScript/02.TypeScript从零实现 axios/04.ts-axios 基础功能实现/05.处理响应 header"
},
{
"text": "处理响应 Data",
"link": "/front/03-TypeScript/02.TypeScript从零实现 axios/04.ts-axios 基础功能实现/06.处理响应 data"
},
{
"text": "错误处理",
"link": "/front/03-TypeScript/02.TypeScript从零实现 axios/05.ts-axios 异常情况处理/01.错误处理"
},
{
"text": "错误信息增强",
"link": "/front/03-TypeScript/02.TypeScript从零实现 axios/05.ts-axios 异常情况处理/02.错误信息增强"
},
{
"text": "扩展接口",
"link": "/front/03-TypeScript/02.TypeScript从零实现 axios/06.ts-axios 接口扩展/01.扩展接口"
},
{
"text": "Axios 函数重载",
"link": "/front/03-TypeScript/02.TypeScript从零实现 axios/06.ts-axios 接口扩展/02.axios 函数重载"
},
{
"text": "响应数据支持泛型",
"link": "/front/03-TypeScript/02.TypeScript从零实现 axios/06.ts-axios 接口扩展/03.响应数据支持泛型"
},
{
"text": "拦截器设计与实现",
"link": "/front/03-TypeScript/02.TypeScript从零实现 axios/07.ts-axios 拦截器实现/01.拦截器设计与实现"
},
{
"text": "合并配置的设计与实现",
"link": "/front/03-TypeScript/02.TypeScript从零实现 axios/08.ts-axios 配置化实现/01.合并配置的设计与实现"
},
{
"text": "请求和响应配置化",
"link": "/front/03-TypeScript/02.TypeScript从零实现 axios/08.ts-axios 配置化实现/02.请求和响应配置化"
},
{
"text": "扩展 Create 静态接口",
"link": "/front/03-TypeScript/02.TypeScript从零实现 axios/08.ts-axios 配置化实现/03.扩展 create 静态接口"
},
{
"text": "取消功能的设计与实现",
"link": "/front/03-TypeScript/02.TypeScript从零实现 axios/09.ts-axios 取消功能实现/01.取消功能的设计与实现"
},
{
"text": "With Credentials",
"link": "/front/03-TypeScript/02.TypeScript从零实现 axios/10.ts-axios 更多功能实现/01.withCredentials"
},
{
"text": "XSRF 防御",
"link": "/front/03-TypeScript/02.TypeScript从零实现 axios/10.ts-axios 更多功能实现/02.XSRF 防御"
},
{
"text": "上传和下载的进度监控",
"link": "/front/03-TypeScript/02.TypeScript从零实现 axios/10.ts-axios 更多功能实现/03.上传和下载的进度监控"
},
{
"text": "HTTP 授权",
"link": "/front/03-TypeScript/02.TypeScript从零实现 axios/10.ts-axios 更多功能实现/04.HTTP 授权"
},
{
"text": "自定义合法状态码",
"link": "/front/03-TypeScript/02.TypeScript从零实现 axios/10.ts-axios 更多功能实现/05.自定义合法状态码"
},
{
"text": "自定义参数序列化",
"link": "/front/03-TypeScript/02.TypeScript从零实现 axios/10.ts-axios 更多功能实现/06.自定义参数序列化"
},
{
"text": "Base URL",
"link": "/front/03-TypeScript/02.TypeScript从零实现 axios/10.ts-axios 更多功能实现/07.baseURL"
},
{
"text": "静态方法扩展",
"link": "/front/03-TypeScript/02.TypeScript从零实现 axios/10.ts-axios 更多功能实现/08.静态方法扩展"
},
{
"text": "前言",
"link": "/front/03-TypeScript/02.TypeScript从零实现 axios/11.ts-axios 单元测试/01.前言"
},
{
"text": "Jest 安装和配置",
"link": "/front/03-TypeScript/02.TypeScript从零实现 axios/11.ts-axios 单元测试/02.Jest 安装和配置"
},
{
"text": "辅助模块单元测试",
"link": "/front/03-TypeScript/02.TypeScript从零实现 axios/11.ts-axios 单元测试/03.辅助模块单元测试"
},
{
"text": "请求模块单元测试",
"link": "/front/03-TypeScript/02.TypeScript从零实现 axios/11.ts-axios 单元测试/04.请求模块单元测试"
},
{
"text": "Headers 模块单元测试",
"link": "/front/03-TypeScript/02.TypeScript从零实现 axios/11.ts-axios 单元测试/05.headers 模块单元测试"
},
{
"text": "Axios 实例模块单元测试",
"link": "/front/03-TypeScript/02.TypeScript从零实现 axios/11.ts-axios 单元测试/06.Axios 实例模块单元测试"
},
{
"text": "拦截器模块单元测试",
"link": "/front/03-TypeScript/02.TypeScript从零实现 axios/11.ts-axios 单元测试/07.拦截器模块单元测试"
},
{
"text": "Merge Config 模块单元测试",
"link": "/front/03-TypeScript/02.TypeScript从零实现 axios/11.ts-axios 单元测试/08.mergeConfig 模块单元测试"
},
{
"text": "请求取消模块单元测试",
"link": "/front/03-TypeScript/02.TypeScript从零实现 axios/11.ts-axios 单元测试/09.请求取消模块单元测试"
},
{
"text": "剩余模块单元测试",
"link": "/front/03-TypeScript/02.TypeScript从零实现 axios/11.ts-axios 单元测试/10.剩余模块单元测试"
},
{
"text": "Ts Axios 编译与发布",
"link": "/front/03-TypeScript/02.TypeScript从零实现 axios/12.ts-axios 部署与发布/01.ts-axios 编译与发布"
},
{
"text": "引用 Ts Axios 库",
"link": "/front/03-TypeScript/02.TypeScript从零实现 axios/12.ts-axios 部署与发布/02.引用 ts-axios 库"
}
]
},
{
"text": "Weapp",
"collapsed": true,
"items": [
{
"text": "小程序基础",
"link": "/front/04-Weapp/01.小程序基础"
},
{
"text": "小程序实战",
"link": "/front/04-Weapp/02.小程序实战"
},
{
"text": "后台管理系统",
"link": "/front/04-Weapp/03.后台管理系统"
}
]
},
{
"text": "ES 6",
"collapsed": true,
"items": [
{
"text": "ECMA Script 6 简介",
"link": "/front/05-ES6/01.ECMAScript6简介"
},
{
"text": "Let 和 Const 命令",
"link": "/front/05-ES6/02.let 和 const 命令"
},
{
"text": "变量的解构赋值",
"link": "/front/05-ES6/03.变量的解构赋值"
},
{
"text": "字符串的扩展",
"link": "/front/05-ES6/04.字符串的扩展"
},
{
"text": "字符串的新增方法",
"link": "/front/05-ES6/05.字符串的新增方法"
},
{
"text": "正则的扩展",
"link": "/front/05-ES6/06.正则的扩展"
},
{
"text": "数值的扩展",
"link": "/front/05-ES6/07.数值的扩展"
},
{
"text": "函数的扩展",
"link": "/front/05-ES6/08.函数的扩展"
},
{
"text": "数组的扩展",
"link": "/front/05-ES6/09.数组的扩展"
},
{
"text": "对象的扩展",
"link": "/front/05-ES6/10.对象的扩展"
},
{
"text": "对象的新增方法",
"link": "/front/05-ES6/11.对象的新增方法"
},
{
"text": "Symbol",
"link": "/front/05-ES6/12.Symbol"
},
{
"text": "Set 和 Map 数据结构",
"link": "/front/05-ES6/13.Set 和 Map 数据结构"
},
{
"text": "Proxy",
"link": "/front/05-ES6/14.Proxy"
},
{
"text": "Reflect",
"link": "/front/05-ES6/15.Reflect"
},
{
"text": "Promise 对象",
"link": "/front/05-ES6/16.Promise 对象"
},
{
"text": "Iterator 和 For Of 循环",
"link": "/front/05-ES6/17.Iterator 和 for-of 循环"
},
{
"text": "Generator 函数的语法",
"link": "/front/05-ES6/18.Generator 函数的语法"
},
{
"text": "Generator 函数的异步应用",
"link": "/front/05-ES6/19.Generator 函数的异步应用"
},
{
"text": "Async 函数",
"link": "/front/05-ES6/20.async 函数"
},
{
"text": "Class 的基本语法",
"link": "/front/05-ES6/21.Class 的基本语法"
},
{
"text": "Class 的继承",
"link": "/front/05-ES6/22.Class 的继承"
},
{
"text": "Module 的语法",
"link": "/front/05-ES6/23.Module 的语法"
},
{
"text": "Module 的加载实现",
"link": "/front/05-ES6/24.Module 的加载实现"
},
{
"text": "编程风格",
"link": "/front/05-ES6/25.编程风格"
},
{
"text": "读懂 ECMA Script 规格",
"link": "/front/05-ES6/26.读懂 ECMAScript 规格"
},
{
"text": "异步遍历器",
"link": "/front/05-ES6/27.异步遍历器"
},
{
"text": "Array Buffer",
"link": "/front/05-ES6/28.ArrayBuffer"
},
{
"text": "最新提案",
"link": "/front/05-ES6/29.最新提案"
},
{
"text": "装饰器",
"link": "/front/05-ES6/30.装饰器"
},
{
"text": "函数式编程",
"link": "/front/05-ES6/31.函数式编程"
},
{
"text": "Mixin",
"link": "/front/05-ES6/32.Mixin"
},
{
"text": "SIMD",
"link": "/front/05-ES6/33.SIMD"
},
{
"text": "参考链接",
"link": "/front/05-ES6/34.参考链接"
}
]
},
{
"text": "Git",
"collapsed": true,
"items": [
{
"text": "常用 Git命令",
"link": "/front/06-Git/00.常用Git命令"
},
{
"text": "Git变基合并",
"link": "/front/06-Git/03.Git变基合并"
},
{
"text": "Git基础与命令",
"link": "/front/06-Git/10.Git基础与命令"
},
{
"text": "Git重写历史",
"link": "/front/06-Git/100.Git重写历史"
},
{
"text": "Git重置揭密",
"link": "/front/06-Git/110.Git重置揭密"
},
{
"text": "Git分支原理",
"link": "/front/06-Git/20.Git分支原理"
},
{
"text": "Git分支操作",
"link": "/front/06-Git/30.Git分支操作"
},
{
"text": "Git查看分支",
"link": "/front/06-Git/40.Git查看分支"
},
{
"text": "Git分支开发工作流",
"link": "/front/06-Git/50.Git分支开发工作流"
},
{
"text": "Git远程分支",
"link": "/front/06-Git/60.Git远程分支"
},
{
"text": "Git变基",
"link": "/front/06-Git/70.Git变基"
},
{
"text": "Git查看修订版本",
"link": "/front/06-Git/80.Git查看修订版本"
},
{
"text": "Git交互式暂存",
"link": "/front/06-Git/90.Git交互式暂存"
}
]
},
{
"text": "Vue",
"collapsed": true,
"items": [
{
"text": "MVVM模式",
"link": "/front/07-Vue/01.基础/00.MVVM模式"
},
{
"text": "生命周期",
"link": "/front/07-Vue/01.基础/10.生命周期"
},
{
"text": "计算属性 Vs 方法 Vs 侦听属性",
"link": "/front/07-Vue/01.基础/20.计算属性 vs 方法 vs 侦听属性"
},
{
"text": "V If Vs V Show",
"link": "/front/07-Vue/01.基础/30.v-if vs v-show"
},
{
"text": "列表渲染之数组、对象更新检测",
"link": "/front/07-Vue/01.基础/35.列表渲染之数组、对象更新检测"
},
{
"text": "使用组件的细节点",
"link": "/front/07-Vue/02.组件/36.使用组件的细节点"
},
{
"text": "父组件给子组件传值",
"link": "/front/07-Vue/02.组件/40.父组件给子组件传值"
},
{
"text": "子组件派发事件和值给父组件",
"link": "/front/07-Vue/02.组件/50.子组件派发事件和值给父组件"
},
{
"text": "Prop 验证 与 非 Prop 的 Attribute",
"link": "/front/07-Vue/02.组件/52.Prop 验证 与 非 Prop 的 Attribute"
},
{
"text": "自定义事件",
"link": "/front/07-Vue/02.组件/55.自定义事件"
},
{
"text": "兄弟组件传值",
"link": "/front/07-Vue/02.组件/60.兄弟组件传值"
},
{
"text": "非父子组件传值",
"link": "/front/07-Vue/02.组件/65.非父子组件传值"
},
{
"text": "父组件调用子组件方法并传入值",
"link": "/front/07-Vue/02.组件/70.父组件调用子组件方法并传入值"
},
{
"text": "插槽slot",
"link": "/front/07-Vue/02.组件/75.插槽slot"
},
{
"text": "动态组件与 V Once 指令",
"link": "/front/07-Vue/02.组件/80.动态组件与 v-once 指令"
},
{
"text": "Vue父子组件的生命周期顺序",
"link": "/front/07-Vue/02.组件/90.vue父子组件的生命周期顺序"
},
{
"text": "Transition过渡 动画",
"link": "/front/07-Vue/03.过渡&动画/110.transition过渡&动画"
},
{
"text": "使用animate库",
"link": "/front/07-Vue/03.过渡&动画/112.使用animate库"
},
{
"text": "Transition Group列表过渡",
"link": "/front/07-Vue/03.过渡&动画/120.transition-group列表过渡"
},
{
"text": "Mixin混入",
"link": "/front/07-Vue/04.可复用性&组合/01.Mixin混入"
},
{
"text": "Vue C Li V 3 创建项目使用记录",
"link": "/front/07-Vue/05.工具/10.Vue CLi v3 创建项目使用记录"
},
{
"text": "Vuex操作相关",
"link": "/front/07-Vue/06.规模化/100.vuex操作相关"
},
{
"text": "路由懒加载",
"link": "/front/07-Vue/06.规模化/140.路由懒加载"
},
{
"text": "Vuex",
"link": "/front/07-Vue/10.Vuex/01.Vuex"
},
{
"text": "Vue中的防抖函数封装和使用",
"link": "/front/07-Vue/99.其他/80.Vue中的防抖函数封装和使用"
},
{
"text": "操作本地缓存",
"link": "/front/07-Vue/99.其他/90.操作本地缓存"
}
]
},
{
"text": "Uniapp",
"collapsed": true,
"items": [
{
"text": "Uniapp",
"link": "/front/08-Uniapp/01.uniapp"
}
]
},
{
"text": "UI Design",
"collapsed": true,
"items": [
{
"text": "UI Design",
"link": "/front/10-UIDesign"
}
]
},
{
"text": "Admin Design",
"collapsed": true,
"items": [
{
"text": "Admin Design",
"link": "/front/11-AdminDesign"
}
]
},
{
"text": "Document",
"collapsed": true,
"items": [
{
"text": "Document",
"link": "/front/12-Document"
}
]
}
],
"/notes/": [
{
"text": "Data Structure",
"collapsed": true,
"items": [
{
"text": "数据结构",
"link": "/notes/DataStructure/01.数据结构"
}
]
},
{
"text": "Math",
"collapsed": true,
"items": [
{
"text": "极限",
"link": "/notes/Math/01.极限"
},
{
"text": "导数",
"link": "/notes/Math/02.导数"
},
{
"text": "一元函数积分",
"link": "/notes/Math/03.一元函数积分"
},
{
"text": "平面与直线",
"link": "/notes/Math/04.平面与直线"
},
{
"text": "多元函数积分",
"link": "/notes/Math/05.多元函数积分"
},
{
"text": "无穷级数",
"link": "/notes/Math/06.无穷级数"
},
{
"text": "微分方程",
"link": "/notes/Math/07.微分方程"
}
]
},
{
"text": "Practical Tips",
"collapsed": true,
"items": [
{
"text": "任意网站变为暗黑模式",
"link": "/notes/PracticalTips/01.任意网站变为暗黑模式"
},
{
"text": "提高学习效率的策略",
"link": "/notes/PracticalTips/02.提高学习效率的策略"
},
{
"text": "笔记方法",
"link": "/notes/PracticalTips/03.笔记方法"
},
{
"text": "Git Hub高级搜索技巧",
"link": "/notes/PracticalTips/04.GitHub高级搜索技巧"
},
{
"text": "处理问题的思路",
"link": "/notes/PracticalTips/05.处理问题的思路"
},
{
"text": "搜索引擎使用技巧",
"link": "/notes/PracticalTips/10.搜索引擎使用技巧"
}
]
},
{
"text": "Software Engineer",
"collapsed": true,
"items": [
{
"text": "第一部分",
"link": "/notes/SoftwareEngineer/01.第一部分"
},
{
"text": "第二部分",
"link": "/notes/SoftwareEngineer/02.第二部分"
},
{
"text": "第三部分",
"link": "/notes/SoftwareEngineer/03.第三部分"
},
{
"text": "第四部分",
"link": "/notes/SoftwareEngineer/04.第四部分"
}
]
}
]
},
"logo": "/fflogo.png",
"socialLinks": [
{
"icon": "github",
"link": "https://github.com/aths"
}
],
"search": {
"provider": "local"
},
"footer": {
"message": "Released under the <a href=\"https://github.com/vuejs/vitepress/blob/main/LICENSE\">MIT License</a>.",
"copyright": "Copyright © 2016-2025 Inty <a href=\"https://beian.miit.gov.cn/\" target=\"_blank\">苏ICP备2023021073号</a>"
}
}Page Data
{
"title": "Runtime API Examples",
"description": "",
"frontmatter": {
"outline": "deep"
},
"headers": [],
"relativePath": "api-examples.md",
"filePath": "api-examples.md"
}Page Frontmatter
{
"outline": "deep"
}More
Check out the documentation for the full list of runtime APIs.