Merge branch 'master' of https://gitcode.net/dcloud/unidocs-uni-app-x-zh

docs/.vuepress/utils/pageInstanceJson.json

-{"lifeCycle":{"name":"页面生命周期","compatibility":"|  | Android | iOS 系统版本 | iOS | web |\n| :- | :- | :- | :- | :- |\n| onInit | x | x | x | x |\n| onLoad | √ | - | x | 4.0 |\n| onShow | √ | - | x | 4.0 |\n| onReady | √ | - | x | 4.0 |\n| onHide | √ | - | x | 4.0 |\n| onUnload | √ | - | x | 4.0 |\n| onPullDownRefresh | √ | - | x | 4.0 |\n| onReachBottom | √ | - | x | 4.0 |\n| onShareAppMessage | x | x | x | x |\n| onShareTimeline | x | x | x | x |\n| onAddToFavorites | x | x | x | x |\n| onPageScroll | √ | - | x | 4.0 |\n| onResize | √ | - | x | 4.0 |\n| onTabItemTap | x | - | x | 4.0 |\n| onNavigationBarButtonTap | x | - | x | x |\n| onBackPress | √ | - | x | 4.0 |\n| onNavigationBarSearchInputChanged | x | - | x | x |\n| onNavigationBarSearchInputConfirmed | x | - | x | x |\n| onNavigationBarSearchInputClicked | x | - | x | x |"}}
+{"lifeCycle":{"name":"页面生命周期","compatibility":"|  | Android | iOS | web |\n| :- | :- | :- | :- |\n| onInit | x | x | x |\n| onLoad | 3.9 | x | 4.0 |\n| onShow | 3.9 | x | 4.0 |\n| onReady | 3.9 | x | 4.0 |\n| onHide | 3.9 | x | 4.0 |\n| onUnload | 3.9 | x | 4.0 |\n| onPullDownRefresh | 3.9 | x | 4.0 |\n| onReachBottom | 3.9 | x | 4.0 |\n| onShareAppMessage | x | x | x |\n| onShareTimeline | x | x | x |\n| onAddToFavorites | x | x | x |\n| onPageScroll | 3.9 | x | 4.0 |\n| onResize | 3.9 | x | 4.0 |\n| onTabItemTap | x | x | 4.0 |\n| onNavigationBarButtonTap | x | x | x |\n| onBackPress | 3.9 | x | 4.0 |\n| onNavigationBarSearchInputChanged | x | x | x |\n| onNavigationBarSearchInputConfirmed | x | x | x |\n| onNavigationBarSearchInputClicked | x | x | x |"}}
\ No newline at end of file

docs/.vuepress/utils/pagesJson.json

-{"pages":{"compatibility":"**pages.json 兼容性** \n|  | Android | iOS 系统版本 | iOS | web |\n| :- | :- | :- | :- | :- |\n| globalStyle | √ | - | 4.11 | 4.0 |\n| topWindow | x | x | x | 4.0 |\n| leftWindow | x | x | x | 4.0 |\n| rightWindow | x | x | x | 4.0 |\n| pages | √ | - | 4.11 | 4.0 |\n| tabBar | √ | - | 4.11 | 4.0 |\n| condition | √ | - | 4.11 | 4.0 |\n| subPackages | x | - | x | 4.0 |\n| workers | x | x | x | 4.0 |\n| preloadRule | x | x | x | 4.0 |\n| easycom | √ | - | 4.11 | 4.0 |\n| uniIdRouter | 3.99 | - | 4.11 | 4.0 |\n| entryPagePath | x | x | x | 4.0 |","table":"| 属性 | 类型 | 默认值 | 必填 | 描述 |\n| :- | :- | :- | :- | :- |\n| globalStyle | [globalStyle 配置项列表](#pages-globalstyle) | - | 否 | - |\n| topWindow | [topWindow 配置项列表](#pages-topwindow) | - | 否 | - |\n| leftWindow | [leftWindow 配置项列表](#pages-leftwindow) | - | 否 | - |\n| rightWindow | [rightWindow 配置项列表](#pages-rightwindow) | - | 否 | - |\n| pages | Array\\<[PagesOptionsPage](#pagesoptionspage)> | - | 是 | 页面路径及窗口表现 |\n| tabBar | [tabBar 配置项列表](#pages-tabbar) | - | 否 | - |\n| condition | [condition 配置项列表](#pages-condition) | - | 否 | - |\n| subPackages | Array\\<[PagesSubPackages](#pagessubpackages)> | - | 否 | 分包加载配置 |\n| workers | string | - | 否 | 使用 Worker 处理多线程任务时，设置 Worker 代码放置的目录 |\n| preloadRule | object | - | 否 | 声明分包预下载的规则 |\n| easycom | [easycom 配置项列表](#pages-easycom) | - | 否 | 组件自动引入规则 |\n| uniIdRouter | [uniIdRouter 配置项列表](#pages-uniidrouter) | - | 否 | 根据用户登录状态、页面是否要求登录、以及接口返回的用户token验证状态自动跳转登录页面。详细教程：[详见](https://doc.dcloud.net.cn/uniCloud/uni-id/summary.html#uni-id-router) |\n| entryPagePath | string | - | 否 | 默认启动首页，新增于HBuilderX 3.7.0 |"},"pages_globalStyle":{"compatibility":"**globalStyle 兼容性** \n|  | Android | iOS 系统版本 | iOS | web |\n| :- | :- | :- | :- | :- |\n| navigationBarBackgroundColor | √ | - | 4.11 | 4.0 |\n| navigationBarTextStyle | √ | - | 4.11 | 4.0 |\n| navigationBarTitleText | √ | - | 4.11 | 4.0 |\n| navigationStyle | √ | - | 4.11 | 4.0 |\n| backgroundColor | 3.99 | x | x | 4.0 |\n| backgroundColorContent | 4.0 | x | 4.11 | x |\n| backgroundTextStyle | x | x | x | 4.0 |\n| enablePullDownRefresh | √ | - | 4.11 | 4.0 |\n| onReachBottomDistance | x | - | x | 4.0 |\n| backgroundColorTop | x | - | x | 4.0 |\n| backgroundColorBottom | x | - | x | 4.0 |\n| titleImage | x | - | x | 4.0 |\n| transparentTitle | x | - | x | 4.0 |\n| titlePenetrate | x | x | x | 4.0 |\n| pageOrientation | x | - | x | 4.0 |\n| animationType | x | - | x | 4.0 |\n| animationDuration | x | - | x | 4.0 |\n| allowsBounceVertical | x | x | x | 4.0 |\n| usingComponents | x | - | x | 4.0 |\n| renderingMode | x | x | x | 4.0 |\n| leftWindow | x | x | x | 4.0 |\n| topWindow | x | x | x | 4.0 |\n| rightWindow | x | x | x | 4.0 |\n| rpxCalcMaxDeviceWidth | x | - | x | 4.0 |\n| rpxCalcBaseDeviceWidth | x | - | x | 4.0 |\n| rpxCalcIncludeWidth | x | - | x | 4.0 |\n| dynamicRpx | x | - | x | 4.0 |\n| maxWidth | x | x | x | 4.0 |\n| h5 | x | x | x | 4.0 |","table":"| 属性 | 类型 | 默认值 | 必填 | 描述 |\n| :- | :- | :- | :- | :- |\n| navigationBarBackgroundColor | string ([string.ColorString](/uts/data-type.md#ide-string)) | `app`: #F8F8F8<br/>`web`: #F8F8F8<br/>`mp-weixin、mp-qq、mp-baidu、mp-toutiao、mp-lark、mp-jd`: #000000<br/>`mp-alipay、mp-kuaishou`: #ffffff | 否 | 导航栏背景颜色（同状态栏背景色） |\n| navigationBarTextStyle | 'white' \\| 'black' | \"black\" | 否 | 导航栏标题颜色，仅支持 black/white（支付宝小程序不支持，请使用 [my.setNavigationBar](https://opendocs.alipay.com/mini/api/xwq8e6)）。 |\n| navigationBarTitleText | string | - | 否 | 导航栏标题文字内容 |\n| navigationStyle | 'defaultValue' \\| 'custom' | \"defaultValue\" | 否 | 导航栏样式，仅支持 default/custom。custom即取消默认的原生导航栏，需看[使用注意](https://uniapp.dcloud.net.cn/collocation/pages.html#customnav)。 |\n| backgroundColor | string ([string.ColorString](/uts/data-type.md#ide-string)) | \"#ffffff\" | 否 | 下拉刷新显示出来的窗口的背景色（无下拉刷新时，此颜色无效果） |\n| backgroundColorContent | string ([string.ColorString](/uts/data-type.md#ide-string)) | \"#ffffff\" | 否 | 页面容器背景色 |\n| backgroundTextStyle | 'dark' \\| 'light' | \"dark\" | 否 | 下拉 loading 的样式，仅支持 dark / light |\n| enablePullDownRefresh | boolean | false | 否 | 是否开启下拉刷新，详见[页面生命周期](https://doc.dcloud.net.cn/uni-app-x/page.html)。 |\n| onReachBottomDistance | number | 50 | 否 | 页面上拉触底事件触发时距页面底部距离，单位只支持px，详见[页面生命周期](https://doc.dcloud.net.cn/uni-app-x/page.html)。 |\n| backgroundColorTop | string ([string.ColorString](/uts/data-type.md#ide-string)) | \"#ffffff\" | 否 | 顶部窗口的背景色(bounce回弹区域), 仅 iOS 平台 |\n| backgroundColorBottom | string ([string.ColorString](/uts/data-type.md#ide-string)) | \"#ffffff\" | 否 | 底部窗口的背景色(bounce回弹区域), 仅 iOS 平台 |\n| titleImage | string ([string.ImageURIString](/uts/data-type.md#ide-string)) | - | 否 | 导航栏图片地址（替换当前文字标题），支付宝小程序内必须使用https的图片链接地址 |\n| transparentTitle | 'always' \\| 'auto' \\| 'none' | \"none\" | 否 | 导航栏整体（前景、背景）透明设置。支持 always 一直透明 / auto 滑动自适应 / none 不透明 |\n| titlePenetrate | 'YES' \\| 'NO' | \"NO\" | 否 | 导航栏点击穿透 |\n| pageOrientation | 'auto' \\| 'portrait' \\| 'landscape' | \"portrait\" | 否 | 横屏配置，屏幕旋转设置，仅支持 auto / portrait / landscape 详见 [响应显示区域变化](https://uniapp.dcloud.net.cn/collocation/pages.htmld#globalstyle)。 |\n| animationType | 'slide-in-right' \\| 'slide-in-left' \\| 'slide-in-top' \\| 'slide-in-bottom' \\| 'fade-in' \\| 'zoom-out' \\| 'zoom-fade-out' \\| 'pop-in' | \"pop-in\" | 否 | 窗口显示的动画效果，详见：[窗口动画](https://uniapp.dcloud.net.cn/api/router.html#animation)。 |\n| animationDuration | number | 300 | 否 | 窗口显示动画的持续时间，单位为 ms |\n| allowsBounceVertical | 'YES' \\| 'NO' | \"YES\" | 否 | 是否允许向下拉拽。默认 YES。如果需要下拉刷新，值必须为YES |\n| usingComponents | object | - | 否 | 引用小程序组件，参考 [小程序组件](https://uniapp.dcloud.net.cn/tutorial/miniprogram-subject.html)。 |\n| renderingMode | string | - | 否 | 同层渲染，webrtc(实时音视频) 无法正常时尝试配置 seperated 强制关掉同层 |\n| leftWindow | boolean | true | 否 | 当存在 leftWindow时，默认是否显示 leftWindow |\n| topWindow | boolean | true | 否 | 当存在 topWindow时，默认是否显示 topWindow |\n| rightWindow | boolean | true | 否 | 当存在 rightWindow时，默认是否显示 rightWindow |\n| rpxCalcMaxDeviceWidth | number | 960 | 否 | rpx 计算所支持的最大设备宽度，单位 px |\n| rpxCalcBaseDeviceWidth | number | 375 | 否 | rpx 计算使用的基准设备宽度，设备实际宽度超出 rpx 计算所支持的最大设备宽度时将按基准宽度计算，单位 px |\n| rpxCalcIncludeWidth | number | 750 | 否 | rpx 计算特殊处理的值，始终按实际的设备宽度计算，单位 rpx |\n| dynamicRpx | boolean | false | 否 | 动态 rpx，屏幕大小变化会重新渲染 rpx |\n| maxWidth | number | - | 否 | 单位px，当浏览器可见区域宽度大于maxWidth时，两侧留白，当小于等于maxWidth时，页面铺满；不同页面支持配置不同的maxWidth；maxWidth = leftWindow(可选)+page(页面主体)+rightWindow(可选) |\n| h5 | [h5 配置项列表](#globalstyle-h5) | - | 否 | - |"},"globalStyle_h5":{"table":"| 属性 | 类型 | 默认值 | 必填 | 描述 |\n| :- | :- | :- | :- | :- |\n| titleNView | [titleNView 配置项列表](#h5-titlenview) | - | 否 | - |\n| pullToRefresh | [pullToRefresh 配置项列表](#h5-pulltorefresh) | - | 否 | - |"},"h5_titleNView":{"table":"| 属性 | 类型 | 默认值 | 必填 | 描述 |\n| :- | :- | :- | :- | :- |\n| backgroundColor | string ([string.ColorString](/uts/data-type.md#ide-string)) | \"#f7f7f7\" | 否 | 背景颜色，颜色值格式为\"#RRGGBB\"。 |\n| buttons | array | - | 否 | 自定义按钮，参考 [buttons](https://uniapp.dcloud.net.cn/collocation/pages.html?id=h5-titlenview-buttons)。 |\n| titleColor | string ([string.ColorString](/uts/data-type.md#ide-string)) | \"#000000\" | 否 | 标题文字颜色 |\n| titleText | string | - | 否 | 标题文字内容 |\n| titleSize | string | - | 否 | 标题文字字体大小 |\n| type | 'defaultValue' \\| 'transparent' | \"defaultValue\" | 否 | 导航栏样式。\"default\"-默认样式；\"transparent\"-透明渐变。 |\n| searchInput | object | - | 否 | 导航栏上的搜索框样式，详见：[searchInput](https://uniapp.dcloud.net.cn/collocation/pages.html?id=h5-searchinput)。 |"},"h5_pullToRefresh":{"table":"| 属性 | 类型 | 默认值 | 必填 | 描述 |\n| :- | :- | :- | :- | :- |\n| support | boolean | - | 否 | 是否开启窗口的下拉刷新功能 |\n| color | string ([string.ColorString](/uts/data-type.md#ide-string)) | - | 否 | 颜色值格式为\"#RRGGBB\"，仅\"circle\"样式下拉刷新支持此属性。 |\n| type | 'defaultValue' \\| 'circle' | - | 否 | 下拉刷新控件样式 |\n| height | string | - | 否 | 窗口的下拉刷新控件进入刷新状态的拉拽高度。支持百分比，如\"10%\"；像素值，如\"50px\"。 |\n| range | string | - | 否 | 窗口可下拉拖拽的范围。支持百分比，如\"10%\"；像素值，如\"50px\"。 |\n| offset | string | - | 否 | 下拉刷新控件的起始位置。仅对\"circle\"样式下拉刷新控件有效，用于定义刷新控件下拉时的起始位置。支持百分比，如\"10%\"；像素值，如\"50px\"。 |\n| contentdown | [contentdown 配置项列表](#pulltorefresh-contentdown) | - | 否 | - |\n| contentover | [contentover 配置项列表](#pulltorefresh-contentover) | - | 否 | - |\n| contentrefresh | [contentrefresh 配置项列表](#pulltorefresh-contentrefresh) | - | 否 | - |"},"pullToRefresh_contentdown":{"table":"| 属性 | 类型 | 默认值 | 必填 | 描述 |\n| :- | :- | :- | :- | :- |\n| caption | string | - | 否 | 下拉刷新控件上显示的标题内容 |"},"pullToRefresh_contentover":{"table":"| 属性 | 类型 | 默认值 | 必填 | 描述 |\n| :- | :- | :- | :- | :- |\n| caption | string | - | 否 | 下拉刷新控件上显示的标题内容 |"},"pullToRefresh_contentrefresh":{"table":"| 属性 | 类型 | 默认值 | 必填 | 描述 |\n| :- | :- | :- | :- | :- |\n| caption | string | - | 否 | 下拉刷新控件上显示的标题内容 |"},"pages_topWindow":{"table":"| 属性 | 类型 | 默认值 | 必填 | 描述 |\n| :- | :- | :- | :- | :- |\n| path | string | - | 否 | 配置页面路径 |\n| style | object | - | 否 | 配置页面窗口表现，配置项参考下方 [pageStyle](https://uniapp.dcloud.net.cn/collocation/pages.html?id=style) |\n| matchMedia | [matchMedia 配置项列表](#topwindow-matchmedia) | - | 否 | 配置显示该窗口的规则，配置项参考下方 [matchMedia](https://uniapp.dcloud.net.cn/collocation/pages.html?id=matchmedia) |"},"topWindow_matchMedia":{"table":"| 属性 | 类型 | 默认值 | 必填 | 描述 |\n| :- | :- | :- | :- | :- |\n| minWidth | number | 768 | 否 | 当设备可见区域宽度  minWidth 时，显示该 window+ |","description":"配置显示该窗口的规则，配置项参考下方 [matchMedia](https://uniapp.dcloud.net.cn/collocation/pages.html?id=matchmedia)"},"pages_leftWindow":{"table":"| 属性 | 类型 | 默认值 | 必填 | 描述 |\n| :- | :- | :- | :- | :- |\n| path | string | - | 否 | 配置页面路径 |\n| style | object | - | 否 | 配置页面窗口表现，配置项参考下方 [pageStyle](https://uniapp.dcloud.net.cn/collocation/pages.html?id=style) |\n| matchMedia | [matchMedia 配置项列表](#leftwindow-matchmedia) | - | 否 | 配置显示该窗口的规则，配置项参考下方 [matchMedia](https://uniapp.dcloud.net.cn/collocation/pages.html?id=matchmedia) |"},"leftWindow_matchMedia":{"table":"| 属性 | 类型 | 默认值 | 必填 | 描述 |\n| :- | :- | :- | :- | :- |\n| minWidth | number | 768 | 否 | 当设备可见区域宽度  minWidth 时，显示该 window+ |","description":"配置显示该窗口的规则，配置项参考下方 [matchMedia](https://uniapp.dcloud.net.cn/collocation/pages.html?id=matchmedia)"},"pages_rightWindow":{"table":"| 属性 | 类型 | 默认值 | 必填 | 描述 |\n| :- | :- | :- | :- | :- |\n| path | string | - | 否 | 配置页面路径 |\n| style | object | - | 否 | 配置页面窗口表现，配置项参考下方 [pageStyle](https://uniapp.dcloud.net.cn/collocation/pages.html?id=style) |\n| matchMedia | [matchMedia 配置项列表](#rightwindow-matchmedia) | - | 否 | 配置显示该窗口的规则，配置项参考下方 [matchMedia](https://uniapp.dcloud.net.cn/collocation/pages.html?id=matchmedia) |"},"rightWindow_matchMedia":{"table":"| 属性 | 类型 | 默认值 | 必填 | 描述 |\n| :- | :- | :- | :- | :- |\n| minWidth | number | 768 | 否 | 当设备可见区域宽度  minWidth 时，显示该 window+ |","description":"配置显示该窗口的规则，配置项参考下方 [matchMedia](https://uniapp.dcloud.net.cn/collocation/pages.html?id=matchmedia)"},"PagesOptionsPage":{"compatibility":"**PagesOptionsPage 兼容性** \n|  | Android | iOS | web |\n| :- | :- | :- | :- |\n| path | √ | 4.11 | 4.0 |\n| style | √ | 4.11 | 4.0 |\n| needLogin | 3.99 | 4.11 | 4.0 |","table":"| 属性 | 类型 | 默认值 | 必填 | 描述 |\n| :- | :- | :- | :- | :- |\n| path | string ([string.PageURIString](/uts/data-type.md#ide-string)) | - | 是 | 配置页面路径 |\n| style | [style 配置项列表](#pagesoptionspage-style) | - | 否 | - |\n| needLogin | boolean | false | 否 | 是否需要登录才可访问 |"},"PagesOptionsPage_style":{"compatibility":"**style 兼容性** \n|  | Android | iOS 系统版本 | iOS | web |\n| :- | :- | :- | :- | :- |\n| navigationBarBackgroundColor | √ | - | 4.11 | 4.0 |\n| navigationBarTextStyle | √ | - | 4.11 | 4.0 |\n| navigationBarTitleText | √ | - | 4.11 | 4.0 |\n| navigationBarShadow | x | - | x | 4.0 |\n| navigationStyle | √ | - | 4.11 | 4.0 |\n| disableScroll | x | x | x | 4.0 |\n| backgroundColor | 3.99 | x | 4.11 | x |\n| backgroundColorContent | 4.0 | x | 4.11 | x |\n| backgroundTextStyle | x | - | x | 4.0 |\n| enablePullDownRefresh | √ | - | 4.11 | 4.0 |\n| onReachBottomDistance | x | - | x | 4.0 |\n| backgroundColorTop | x | - | x | 4.0 |\n| backgroundColorBottom | x | - | x | 4.0 |\n| disableSwipeBack | x | - | x | 4.0 |\n| titleImage | x | - | x | 4.0 |\n| transparentTitle | x | - | x | 4.0 |\n| titlePenetrate | x | x | x | 4.0 |\n| usingComponents | x | - | x | 4.0 |\n| leftWindow | x | x | x | 4.0 |\n| topWindow | x | x | x | 4.0 |\n| rightWindow | x | x | x | 4.0 |\n| maxWidth | x | x | x | 4.0 |","table":"| 属性 | 类型 | 默认值 | 必填 | 描述 |\n| :- | :- | :- | :- | :- |\n| navigationBarBackgroundColor | string ([string.ColorString](/uts/data-type.md#ide-string)) | `app`: #F8F8F8<br/>`web`: #F8F8F8<br/>`mp-weixin、mp-qq、mp-baidu、mp-toutiao、mp-lark、mp-jd`: #000000<br/>`mp-alipay、mp-kuaishou`: #ffffff | 否 | 导航栏背景颜色（同状态栏背景色） |\n| navigationBarTextStyle | 'white' \\| 'black' | \"black\" | 否 | 导航栏标题颜色，仅支持 black/white |\n| navigationBarTitleText | string | - | 否 | 导航栏标题文字内容 |\n| navigationBarShadow | [navigationBarShadow 配置项列表](#style-navigationbarshadow) | - | 否 | 导航栏阴影，配置参考下方 [导航栏阴影](https://doc.dcloud.net.cn/uni-app-x/collocation/pagesjson.html#pagesoptionspage-style) |\n| navigationStyle | 'defaultValue' \\| 'custom' | \"defaultValue\" | 否 | 导航栏样式，仅支持 default/custom。custom即取消默认的原生导航栏，需看[使用注意](https://uniapp.dcloud.net.cn/collocation/pages.html#customnav)。 |\n| disableScroll | boolean | false | 否 | 设置为 true 则页面整体不能上下滚动（bounce效果），只在页面配置中有效，在globalStyle中设置无效(仅 IOS 支持)。 |\n| backgroundColor | string ([string.ColorString](/uts/data-type.md#ide-string)) | \"#ffffff\" | 否 | 下拉刷新显示出来的窗口的背景色（无下拉刷新时，此颜色无效果） |\n| backgroundColorContent | string ([string.ColorString](/uts/data-type.md#ide-string)) | \"#ffffff\" | 否 | 页面容器背景色 |\n| backgroundTextStyle | 'dark' \\| 'light' | \"dark\" | 否 | 下拉 loading 的样式，仅支持 dark/light |\n| enablePullDownRefresh | boolean | false | 否 | 是否开启下拉刷新，详见[页面生命周期](https://doc.dcloud.net.cn/uni-app-x/page.html)。 |\n| onReachBottomDistance | number | 50 | 否 | 页面上拉触底事件触发时距页面底部距离，单位只支持px，详见[页面生命周期](https://doc.dcloud.net.cn/uni-app-x/page.html)。 |\n| backgroundColorTop | string ([string.ColorString](/uts/data-type.md#ide-string)) | \"#ffffff\" | 否 | 顶部窗口的背景色(bounce回弹区域), 仅 iOS 平台 |\n| backgroundColorBottom | string ([string.ColorString](/uts/data-type.md#ide-string)) | \"#ffffff\" | 否 | 底部窗口的背景色(bounce回弹区域), 仅 iOS 平台 |\n| disableSwipeBack | boolean | false | 否 | 是否禁用滑动返回 |\n| titleImage | string ([string.ImageURIString](/uts/data-type.md#ide-string)) | - | 否 | 导航栏图片地址（替换当前文字标题），支付宝小程序内必须使用https的图片链接地址 |\n| transparentTitle | 'always' \\| 'auto' \\| 'none' | \"none\" | 否 | 导航栏整体（前景、背景）透明设置。支持 always 一直透明 / auto 滑动自适应 / none 不透明 |\n| titlePenetrate | 'YES' \\| 'NO' | \"NO\" | 否 | 导航栏点击穿透 |\n| h5 | [h5 配置项列表](#style-h5) | - | 否 | - |\n| usingComponents | object | - | 否 | 引用小程序组件，参考 [小程序组件https://uniapp.dcloud.net.cn/tutorial/miniprogram-subject.html#小程序自定义组件支持)。 |\n| leftWindow | boolean | true | 否 | 当存在 leftWindow时，当前页面是否显示 leftWindow |\n| topWindow | boolean | true | 否 | 当存在 topWindow时，当前页面是否显示 topWindow |\n| rightWindow | boolean | true | 否 | 当存在 rightWindow时，当前页面是否显示 rightWindow |\n| maxWidth | number | - | 否 | 单位px，当浏览器可见区域宽度大于maxWidth时，两侧留白，当小于等于maxWidth时，页面铺满；不同页面支持配置不同的maxWidth；maxWidth = leftWindow(可选)+page(页面主体)+rightWindow(可选) |"},"style_navigationBarShadow":{"table":"| 属性 | 类型 | 默认值 | 必填 | 描述 |\n| :- | :- | :- | :- | :- |\n| colorType | 'grey' \\| 'blue' \\| 'green' \\| 'orange' \\| 'red' \\| 'yellow' | - | 否 | 阴影的颜色，支持：grey、blue、green、orange、red、yellow |","description":"导航栏阴影，配置参考下方 [导航栏阴影](https://doc.dcloud.net.cn/uni-app-x/collocation/pagesjson.html#pagesoptionspage-style)"},"style_h5":{"table":"| 属性 | 类型 | 默认值 | 必填 | 描述 |\n| :- | :- | :- | :- | :- |\n| titleNView | [titleNView 配置项列表](#h5-titlenview) | - | 否 | - |\n| pullToRefresh | [pullToRefresh 配置项列表](#h5-pulltorefresh) | - | 否 | - |"},"pages_tabBar":{"compatibility":"**tabBar 兼容性** \n|  | Android | iOS 系统版本 | iOS | web |\n| :- | :- | :- | :- | :- |\n| color | √ | - | 4.11 | 4.0 |\n| selectedColor | √ | - | 4.11 | 4.0 |\n| backgroundColor | √ | - | 4.11 | 4.0 |\n| borderStyle | x | - | x | 4.0 |\n| blurEffect | x | - | x | 4.0 |\n| list | √ | - | 4.11 | 4.0 |\n| position | x | x | x | 4.0 |\n| fontSize | x | - | x | 4.0 |\n| iconWidth | x | - | x | 4.0 |\n| spacing | x | - | x | 4.0 |\n| height | x | - | x | 4.0 |\n| midButton | x | - | x | 4.0 |\n| iconfontSrc | x | - | x | 4.0 |\n| backgroundImage | √ | - | 4.11 | 4.0 |\n| backgroundRepeat | √ | - | 4.11 | 4.0 |\n| redDotColor | √ | - | 4.11 | 4.0 |","table":"| 属性 | 类型 | 默认值 | 必填 | 描述 |\n| :- | :- | :- | :- | :- |\n| color | string ([string.ColorString](/uts/data-type.md#ide-string)) | - | 是 | tab 上的文字默认颜色 |\n| selectedColor | string ([string.ColorString](/uts/data-type.md#ide-string)) | - | 是 | tab 上的文字选中时的颜色 |\n| backgroundColor | string ([string.ColorString](/uts/data-type.md#ide-string)) | - | 是 | tab 的背景色 |\n| borderStyle | string | \"black\" | 否 | tabbar 上边框的颜色，可选值 black、white（App、H5 也支持其他颜色值）。 |\n| blurEffect | 'dark' \\| 'extralight' \\| 'light' \\| 'none' | \"none\" | 否 | IOS 高斯模糊效果，可选值 dark/extralight/light/none（参考:[使用说明](https://uniapp.dcloud.net.cn//tutorial/app-blureffect.html)） |\n| list | Array\\<[PagesOptionsTabbarList](#pagesoptionstabbarlist)> | - | 是 | tab 的列表，详见 list 属性说明，最少2个、最多5个 tab |\n| position | 'top' \\| 'bottom' | \"bottom\" | 否 | tabbar 的位置,可选值 bottom、top。 |\n| fontSize | string | \"10px\" | 否 | 文字默认大小 |\n| iconWidth | string | \"24px\" | 否 | 图标默认宽度（高度等比例缩放） |\n| spacing | string | \"3px\" | 否 | 图标和文字的间距 |\n| height | string | \"50px\" | 否 | tabBar 默认高度 |\n| midButton | [midButton 配置项列表](#tabbar-midbutton) | - | 否 | tabBar 默认高度 |\n| iconfontSrc | string | - | 否 | list设置 iconfont 属性时，需要指定字体文件路径 |\n| backgroundImage | string | - | 否 | 设置背景图片，优先级高于 backgroundColor |\n| backgroundRepeat | 'repeat' \\| 'repeat-x' \\| 'repeat-y' \\| 'no-repeat' | \"no-repeat\" | 否 | 设置标题栏的背景图平铺方式 |\n| redDotColor | string ([string.ColorString](/uts/data-type.md#ide-string)) | - | 否 | tabbar上红点颜色 |"},"PagesOptionsTabbarList":{"compatibility":"**PagesOptionsTabbarList 兼容性** \n|  | Android | iOS | web |\n| :- | :- | :- | :- |\n| iconfont | √ | 4.11 | 4.0 |\n| pagePath | √ | 4.11 | 4.0 |\n| text | √ | 4.11 | 4.0 |\n| iconPath | √ | 4.11 | 4.0 |\n| selectedIconPath | √ | 4.11 | 4.0 |\n| visible | √ | 4.11 | 4.0 |","table":"| 属性 | 类型 | 默认值 | 必填 | 描述 |\n| :- | :- | :- | :- | :- |\n| iconfont | [iconfont 配置项列表](#pagesoptionstabbarlist-iconfont) | - | 否 | 字体图标，优先级高于 iconPath |\n| pagePath | string ([string.PageURIString](/uts/data-type.md#ide-string)) | - | 是 | 页面路径，必须在 pages 中先定义 |\n| text | string | - | 是 | tab 上按钮文字，在 App 和 H5 平台为非必填。例如中间可放一个没有文字的+号图标 |\n| iconPath | string ([string.ImageURIString](/uts/data-type.md#ide-string)) | - | 否 | 图片路径，icon 大小限制为40kb，建议尺寸为 81px * 81px，当 position 为 top 时，此参数无效，不支持网络图片，不支持字体图标 |\n| selectedIconPath | string ([string.ImageURIString](/uts/data-type.md#ide-string)) | - | 否 | 选中时的图片路径，icon 大小限制为40kb，建议尺寸为 81px * 81px ，当 position 为 top 时，此参数无效 |\n| visible | boolean | - | 否 | 该项是否显示，默认显示 |"},"PagesOptionsTabbarList_iconfont":{"table":"| 属性 | 类型 | 默认值 | 必填 | 描述 |\n| :- | :- | :- | :- | :- |\n| text | string | - | 否 | 字库 Unicode 码 |\n| selectedText | string | - | 否 | 选中后字库 Unicode 码 |\n| fontSize | string | - | 否 | 字体图标字号(px) |\n| color | string ([string.ColorString](/uts/data-type.md#ide-string)) | - | 否 | 字体图标颜色 |\n| selectedColor | string ([string.ColorString](/uts/data-type.md#ide-string)) | - | 否 | 字体图标选中颜色 |","description":"字体图标，优先级高于 iconPath"},"tabBar_midButton":{"compatibility":"**midButton 兼容性** \n|  | Android | iOS | web |\n| :- | :- | :- | :- |\n| width | x | x | 4.0 |\n| height | x | x | 4.0 |\n| text | x | x | 4.0 |\n| iconPath | x | x | 4.0 |\n| iconWidth | x | x | 4.0 |\n| backgroundImage | x | x | 4.0 |\n| iconfont | x | x | 4.0 |","table":"| 属性 | 类型 | 默认值 | 必填 | 描述 |\n| :- | :- | :- | :- | :- |\n| width | string | \"80px\" | 否 | 中间按钮的宽度，tabBar 其它项为减去此宽度后平分，默认值为与其它项平分宽度 |\n| height | string | \"80px\" | 否 | 中间按钮的高度，可以大于 tabBar 高度，达到中间凸起的效果 |\n| text | string | - | 否 | 中间按钮的文字 |\n| iconPath | string ([string.ImageURIString](/uts/data-type.md#ide-string)) | - | 否 | 中间按钮的图片路径 |\n| iconWidth | string | \"24px\" | 否 | 图标默认宽度（高度等比例缩放） |\n| backgroundImage | string ([string.ImageURIString](/uts/data-type.md#ide-string)) | - | 否 | 中间按钮的背景图片路径 |\n| iconfont | object | - | 否 | 字体图标，优先级高于 iconPath |","description":"tabBar 默认高度"},"pages_condition":{"table":"| 属性 | 类型 | 默认值 | 必填 | 描述 |\n| :- | :- | :- | :- | :- |\n| current | number | - | 是 | 当前激活的模式，list节点的索引值。 |\n| list | Array\\<[PagesConditionItem](#pagesconditionitem)> | - | 是 | 启动模式列表 |"},"PagesConditionItem":{"table":"| 属性 | 类型 | 默认值 | 必填 | 描述 |\n| :- | :- | :- | :- | :- |\n| name | string | - | 是 | 启动模式名称 |\n| path | string ([string.PageURIString](/uts/data-type.md#ide-string)) | - | 是 | 启动页面路径 |\n| query | string | - | 否 | 启动参数，可在页面的 onLoad 函数里获得 |"},"PagesSubPackages":{"table":"| 属性 | 类型 | 默认值 | 必填 | 描述 |\n| :- | :- | :- | :- | :- |\n| root | string | - | 是 | 子包的根目录 |\n| pages | Array\\<[PagesOptionsPage](#pagesoptionspage)> | - | 是 | 子包由哪些页面组成 |"},"pages_easycom":{"table":"| 属性 | 类型 | 默认值 | 必填 | 描述 |\n| :- | :- | :- | :- | :- |\n| autoscan | boolean | true | 否 | 是否开启自动扫描，开启后将会自动扫描符合components/组件名称/组件名称.vue/uvue目录结构的组件 |\n| custom | object | - | 否 | 以正则方式自定义组件匹配规则。如果autoscan不能满足需求，可以使用custom自定义匹配规则 |","description":"组件自动引入规则"},"pages_uniIdRouter":{"table":"| 属性 | 类型 | 默认值 | 必填 | 描述 |\n| :- | :- | :- | :- | :- |\n| loginPage | string ([string.PageURIString](/uts/data-type.md#ide-string)) | - | 否 | 登录页面路径 |\n| resToLogin | boolean | - | 否 | 是否开启自动根据响应体判断跳转登录页面，默认true（开启） |\n| needLogin | Array\\<string,[string.PageURIString](/uts/data-type.md#ide-string)> | - | 否 | - |","description":"根据用户登录状态、页面是否要求登录、以及接口返回的用户token验证状态自动跳转登录页面。详细教程：[详见](https://doc.dcloud.net.cn/uniCloud/uni-id/summary.html#uni-id-router)"},"tutorial":"## 参见\n[相关 Bug](https://issues.dcloud.net.cn/?mid=collocation.pages_json)"}
+{"pages":{"compatibility":"**pages.json 兼容性** \n|  | Android | iOS | web |\n| :- | :- | :- | :- |\n| globalStyle | 3.9 | 4.11 | 4.0 |\n| topWindow | x | x | 4.0 |\n| leftWindow | x | x | 4.0 |\n| rightWindow | x | x | 4.0 |\n| pages | 3.9 | 4.11 | 4.0 |\n| tabBar | 3.9 | 4.11 | 4.0 |\n| condition | 3.9 | 4.11 | 4.0 |\n| subPackages | x | x | 4.0 |\n| workers | x | x | 4.0 |\n| preloadRule | x | x | 4.0 |\n| easycom | 3.9 | 4.11 | 4.0 |\n| uniIdRouter | 3.99 | 4.11 | 4.0 |\n| entryPagePath | x | x | 4.0 |","table":"| 属性 | 类型 | 默认值 | 必填 | 描述 |\n| :- | :- | :- | :- | :- |\n| globalStyle | [globalStyle 配置项列表](#pages-globalstyle) | - | 否 | - |\n| topWindow | [topWindow 配置项列表](#pages-topwindow) | - | 否 | - |\n| leftWindow | [leftWindow 配置项列表](#pages-leftwindow) | - | 否 | - |\n| rightWindow | [rightWindow 配置项列表](#pages-rightwindow) | - | 否 | - |\n| pages | Array\\<[PagesOptionsPage](#pagesoptionspage)> | - | 是 | 页面路径及窗口表现 |\n| tabBar | [tabBar 配置项列表](#pages-tabbar) | - | 否 | - |\n| condition | [condition 配置项列表](#pages-condition) | - | 否 | - |\n| subPackages | Array\\<[PagesSubPackages](#pagessubpackages)> | - | 否 | 分包加载配置 |\n| workers | string | - | 否 | 使用 Worker 处理多线程任务时，设置 Worker 代码放置的目录 |\n| preloadRule | object | - | 否 | 声明分包预下载的规则 |\n| easycom | [easycom 配置项列表](#pages-easycom) | - | 否 | 组件自动引入规则 |\n| uniIdRouter | [uniIdRouter 配置项列表](#pages-uniidrouter) | - | 否 | 根据用户登录状态、页面是否要求登录、以及接口返回的用户token验证状态自动跳转登录页面。详细教程：[详见](https://doc.dcloud.net.cn/uniCloud/uni-id/summary.html#uni-id-router) |\n| entryPagePath | string | - | 否 | 默认启动首页，新增于HBuilderX 3.7.0 |"},"pages_globalStyle":{"compatibility":"**globalStyle 兼容性** \n|  | Android | iOS | web |\n| :- | :- | :- | :- |\n| navigationBarBackgroundColor | 3.9 | 4.11 | 4.0 |\n| navigationBarTextStyle | 3.9 | 4.11 | 4.0 |\n| navigationBarTitleText | 3.9 | 4.11 | 4.0 |\n| navigationStyle | 3.9 | 4.11 | 4.0 |\n| backgroundColor | 3.99 | x | 4.0 |\n| backgroundColorContent | 4.0 | 4.11 | x |\n| backgroundTextStyle | x | x | 4.0 |\n| enablePullDownRefresh | 3.9 | 4.11 | 4.0 |\n| onReachBottomDistance | x | x | 4.0 |\n| backgroundColorTop | x | x | 4.0 |\n| backgroundColorBottom | x | x | 4.0 |\n| titleImage | x | x | 4.0 |\n| transparentTitle | x | x | 4.0 |\n| titlePenetrate | x | x | 4.0 |\n| pageOrientation | x | x | 4.0 |\n| animationType | x | x | 4.0 |\n| animationDuration | x | x | 4.0 |\n| allowsBounceVertical | x | x | 4.0 |\n| usingComponents | x | x | 4.0 |\n| renderingMode | x | x | 4.0 |\n| leftWindow | x | x | 4.0 |\n| topWindow | x | x | 4.0 |\n| rightWindow | x | x | 4.0 |\n| rpxCalcMaxDeviceWidth | x | x | 4.0 |\n| rpxCalcBaseDeviceWidth | x | x | 4.0 |\n| rpxCalcIncludeWidth | x | x | 4.0 |\n| dynamicRpx | x | x | 4.0 |\n| maxWidth | x | x | 4.0 |\n| h5 | x | x | 4.0 |","table":"| 属性 | 类型 | 默认值 | 必填 | 描述 |\n| :- | :- | :- | :- | :- |\n| navigationBarBackgroundColor | string ([string.ColorString](/uts/data-type.md#ide-string)) | `app`: #F8F8F8<br/>`web`: #F8F8F8<br/>`mp-weixin、mp-qq、mp-baidu、mp-toutiao、mp-lark、mp-jd`: #000000<br/>`mp-alipay、mp-kuaishou`: #ffffff | 否 | 导航栏背景颜色（同状态栏背景色） |\n| navigationBarTextStyle | 'white' \\| 'black' | \"black\" | 否 | 导航栏标题颜色，仅支持 black/white（支付宝小程序不支持，请使用 [my.setNavigationBar](https://opendocs.alipay.com/mini/api/xwq8e6)）。 |\n| navigationBarTitleText | string | - | 否 | 导航栏标题文字内容 |\n| navigationStyle | 'defaultValue' \\| 'custom' | \"defaultValue\" | 否 | 导航栏样式，仅支持 default/custom。custom即取消默认的原生导航栏，需看[使用注意](https://uniapp.dcloud.net.cn/collocation/pages.html#customnav)。 |\n| backgroundColor | string ([string.ColorString](/uts/data-type.md#ide-string)) | \"#ffffff\" | 否 | 下拉刷新显示出来的窗口的背景色（无下拉刷新时，此颜色无效果） |\n| backgroundColorContent | string ([string.ColorString](/uts/data-type.md#ide-string)) | \"#ffffff\" | 否 | 页面容器背景色 |\n| backgroundTextStyle | 'dark' \\| 'light' | \"dark\" | 否 | 下拉 loading 的样式，仅支持 dark / light |\n| enablePullDownRefresh | boolean | false | 否 | 是否开启下拉刷新，详见[页面生命周期](https://doc.dcloud.net.cn/uni-app-x/page.html)。 |\n| onReachBottomDistance | number | 50 | 否 | 页面上拉触底事件触发时距页面底部距离，单位只支持px，详见[页面生命周期](https://doc.dcloud.net.cn/uni-app-x/page.html)。 |\n| backgroundColorTop | string ([string.ColorString](/uts/data-type.md#ide-string)) | \"#ffffff\" | 否 | 顶部窗口的背景色(bounce回弹区域), 仅 iOS 平台 |\n| backgroundColorBottom | string ([string.ColorString](/uts/data-type.md#ide-string)) | \"#ffffff\" | 否 | 底部窗口的背景色(bounce回弹区域), 仅 iOS 平台 |\n| titleImage | string ([string.ImageURIString](/uts/data-type.md#ide-string)) | - | 否 | 导航栏图片地址（替换当前文字标题），支付宝小程序内必须使用https的图片链接地址 |\n| transparentTitle | 'always' \\| 'auto' \\| 'none' | \"none\" | 否 | 导航栏整体（前景、背景）透明设置。支持 always 一直透明 / auto 滑动自适应 / none 不透明 |\n| titlePenetrate | 'YES' \\| 'NO' | \"NO\" | 否 | 导航栏点击穿透 |\n| pageOrientation | 'auto' \\| 'portrait' \\| 'landscape' | \"portrait\" | 否 | 横屏配置，屏幕旋转设置，仅支持 auto / portrait / landscape 详见 [响应显示区域变化](https://uniapp.dcloud.net.cn/collocation/pages.htmld#globalstyle)。 |\n| animationType | 'slide-in-right' \\| 'slide-in-left' \\| 'slide-in-top' \\| 'slide-in-bottom' \\| 'fade-in' \\| 'zoom-out' \\| 'zoom-fade-out' \\| 'pop-in' | \"pop-in\" | 否 | 窗口显示的动画效果，详见：[窗口动画](https://uniapp.dcloud.net.cn/api/router.html#animation)。 |\n| animationDuration | number | 300 | 否 | 窗口显示动画的持续时间，单位为 ms |\n| allowsBounceVertical | 'YES' \\| 'NO' | \"YES\" | 否 | 是否允许向下拉拽。默认 YES。如果需要下拉刷新，值必须为YES |\n| usingComponents | object | - | 否 | 引用小程序组件，参考 [小程序组件](https://uniapp.dcloud.net.cn/tutorial/miniprogram-subject.html)。 |\n| renderingMode | string | - | 否 | 同层渲染，webrtc(实时音视频) 无法正常时尝试配置 seperated 强制关掉同层 |\n| leftWindow | boolean | true | 否 | 当存在 leftWindow时，默认是否显示 leftWindow |\n| topWindow | boolean | true | 否 | 当存在 topWindow时，默认是否显示 topWindow |\n| rightWindow | boolean | true | 否 | 当存在 rightWindow时，默认是否显示 rightWindow |\n| rpxCalcMaxDeviceWidth | number | 960 | 否 | rpx 计算所支持的最大设备宽度，单位 px |\n| rpxCalcBaseDeviceWidth | number | 375 | 否 | rpx 计算使用的基准设备宽度，设备实际宽度超出 rpx 计算所支持的最大设备宽度时将按基准宽度计算，单位 px |\n| rpxCalcIncludeWidth | number | 750 | 否 | rpx 计算特殊处理的值，始终按实际的设备宽度计算，单位 rpx |\n| dynamicRpx | boolean | false | 否 | 动态 rpx，屏幕大小变化会重新渲染 rpx |\n| maxWidth | number | - | 否 | 单位px，当浏览器可见区域宽度大于maxWidth时，两侧留白，当小于等于maxWidth时，页面铺满；不同页面支持配置不同的maxWidth；maxWidth = leftWindow(可选)+page(页面主体)+rightWindow(可选) |\n| h5 | [h5 配置项列表](#globalstyle-h5) | - | 否 | - |"},"globalStyle_h5":{"table":"| 属性 | 类型 | 默认值 | 必填 | 描述 |\n| :- | :- | :- | :- | :- |\n| titleNView | [titleNView 配置项列表](#h5-titlenview) | - | 否 | - |\n| pullToRefresh | [pullToRefresh 配置项列表](#h5-pulltorefresh) | - | 否 | - |"},"h5_titleNView":{"table":"| 属性 | 类型 | 默认值 | 必填 | 描述 |\n| :- | :- | :- | :- | :- |\n| backgroundColor | string ([string.ColorString](/uts/data-type.md#ide-string)) | \"#f7f7f7\" | 否 | 背景颜色，颜色值格式为\"#RRGGBB\"。 |\n| buttons | array | - | 否 | 自定义按钮，参考 [buttons](https://uniapp.dcloud.net.cn/collocation/pages.html?id=h5-titlenview-buttons)。 |\n| titleColor | string ([string.ColorString](/uts/data-type.md#ide-string)) | \"#000000\" | 否 | 标题文字颜色 |\n| titleText | string | - | 否 | 标题文字内容 |\n| titleSize | string | - | 否 | 标题文字字体大小 |\n| type | 'defaultValue' \\| 'transparent' | \"defaultValue\" | 否 | 导航栏样式。\"default\"-默认样式；\"transparent\"-透明渐变。 |\n| searchInput | object | - | 否 | 导航栏上的搜索框样式，详见：[searchInput](https://uniapp.dcloud.net.cn/collocation/pages.html?id=h5-searchinput)。 |"},"h5_pullToRefresh":{"table":"| 属性 | 类型 | 默认值 | 必填 | 描述 |\n| :- | :- | :- | :- | :- |\n| support | boolean | - | 否 | 是否开启窗口的下拉刷新功能 |\n| color | string ([string.ColorString](/uts/data-type.md#ide-string)) | - | 否 | 颜色值格式为\"#RRGGBB\"，仅\"circle\"样式下拉刷新支持此属性。 |\n| type | 'defaultValue' \\| 'circle' | - | 否 | 下拉刷新控件样式 |\n| height | string | - | 否 | 窗口的下拉刷新控件进入刷新状态的拉拽高度。支持百分比，如\"10%\"；像素值，如\"50px\"。 |\n| range | string | - | 否 | 窗口可下拉拖拽的范围。支持百分比，如\"10%\"；像素值，如\"50px\"。 |\n| offset | string | - | 否 | 下拉刷新控件的起始位置。仅对\"circle\"样式下拉刷新控件有效，用于定义刷新控件下拉时的起始位置。支持百分比，如\"10%\"；像素值，如\"50px\"。 |\n| contentdown | [contentdown 配置项列表](#pulltorefresh-contentdown) | - | 否 | - |\n| contentover | [contentover 配置项列表](#pulltorefresh-contentover) | - | 否 | - |\n| contentrefresh | [contentrefresh 配置项列表](#pulltorefresh-contentrefresh) | - | 否 | - |"},"pullToRefresh_contentdown":{"table":"| 属性 | 类型 | 默认值 | 必填 | 描述 |\n| :- | :- | :- | :- | :- |\n| caption | string | - | 否 | 下拉刷新控件上显示的标题内容 |"},"pullToRefresh_contentover":{"table":"| 属性 | 类型 | 默认值 | 必填 | 描述 |\n| :- | :- | :- | :- | :- |\n| caption | string | - | 否 | 下拉刷新控件上显示的标题内容 |"},"pullToRefresh_contentrefresh":{"table":"| 属性 | 类型 | 默认值 | 必填 | 描述 |\n| :- | :- | :- | :- | :- |\n| caption | string | - | 否 | 下拉刷新控件上显示的标题内容 |"},"pages_topWindow":{"table":"| 属性 | 类型 | 默认值 | 必填 | 描述 |\n| :- | :- | :- | :- | :- |\n| path | string | - | 否 | 配置页面路径 |\n| style | object | - | 否 | 配置页面窗口表现，配置项参考下方 [pageStyle](https://uniapp.dcloud.net.cn/collocation/pages.html?id=style) |\n| matchMedia | [matchMedia 配置项列表](#topwindow-matchmedia) | - | 否 | 配置显示该窗口的规则，配置项参考下方 [matchMedia](https://uniapp.dcloud.net.cn/collocation/pages.html?id=matchmedia) |"},"topWindow_matchMedia":{"table":"| 属性 | 类型 | 默认值 | 必填 | 描述 |\n| :- | :- | :- | :- | :- |\n| minWidth | number | 768 | 否 | 当设备可见区域宽度  minWidth 时，显示该 window+ |","description":"配置显示该窗口的规则，配置项参考下方 [matchMedia](https://uniapp.dcloud.net.cn/collocation/pages.html?id=matchmedia)"},"pages_leftWindow":{"table":"| 属性 | 类型 | 默认值 | 必填 | 描述 |\n| :- | :- | :- | :- | :- |\n| path | string | - | 否 | 配置页面路径 |\n| style | object | - | 否 | 配置页面窗口表现，配置项参考下方 [pageStyle](https://uniapp.dcloud.net.cn/collocation/pages.html?id=style) |\n| matchMedia | [matchMedia 配置项列表](#leftwindow-matchmedia) | - | 否 | 配置显示该窗口的规则，配置项参考下方 [matchMedia](https://uniapp.dcloud.net.cn/collocation/pages.html?id=matchmedia) |"},"leftWindow_matchMedia":{"table":"| 属性 | 类型 | 默认值 | 必填 | 描述 |\n| :- | :- | :- | :- | :- |\n| minWidth | number | 768 | 否 | 当设备可见区域宽度  minWidth 时，显示该 window+ |","description":"配置显示该窗口的规则，配置项参考下方 [matchMedia](https://uniapp.dcloud.net.cn/collocation/pages.html?id=matchmedia)"},"pages_rightWindow":{"table":"| 属性 | 类型 | 默认值 | 必填 | 描述 |\n| :- | :- | :- | :- | :- |\n| path | string | - | 否 | 配置页面路径 |\n| style | object | - | 否 | 配置页面窗口表现，配置项参考下方 [pageStyle](https://uniapp.dcloud.net.cn/collocation/pages.html?id=style) |\n| matchMedia | [matchMedia 配置项列表](#rightwindow-matchmedia) | - | 否 | 配置显示该窗口的规则，配置项参考下方 [matchMedia](https://uniapp.dcloud.net.cn/collocation/pages.html?id=matchmedia) |"},"rightWindow_matchMedia":{"table":"| 属性 | 类型 | 默认值 | 必填 | 描述 |\n| :- | :- | :- | :- | :- |\n| minWidth | number | 768 | 否 | 当设备可见区域宽度  minWidth 时，显示该 window+ |","description":"配置显示该窗口的规则，配置项参考下方 [matchMedia](https://uniapp.dcloud.net.cn/collocation/pages.html?id=matchmedia)"},"PagesOptionsPage":{"compatibility":"**PagesOptionsPage 兼容性** \n|  | Android | iOS | web |\n| :- | :- | :- | :- |\n| path | 3.9 | 4.11 | 4.0 |\n| style | 3.9 | 4.11 | 4.0 |\n| needLogin | 3.99 | 4.11 | 4.0 |","table":"| 属性 | 类型 | 默认值 | 必填 | 描述 |\n| :- | :- | :- | :- | :- |\n| path | string ([string.PageURIString](/uts/data-type.md#ide-string)) | - | 是 | 配置页面路径 |\n| style | [style 配置项列表](#pagesoptionspage-style) | - | 否 | - |\n| needLogin | boolean | false | 否 | 是否需要登录才可访问 |"},"PagesOptionsPage_style":{"compatibility":"**style 兼容性** \n|  | Android | iOS | web |\n| :- | :- | :- | :- |\n| navigationBarBackgroundColor | 3.9 | 4.11 | 4.0 |\n| navigationBarTextStyle | 3.9 | 4.11 | 4.0 |\n| navigationBarTitleText | 3.9 | 4.11 | 4.0 |\n| navigationBarShadow | x | x | 4.0 |\n| navigationStyle | 3.9 | 4.11 | 4.0 |\n| disableScroll | x | x | 4.0 |\n| backgroundColor | 3.99 | 4.11 | x |\n| backgroundColorContent | 4.0 | 4.11 | x |\n| backgroundTextStyle | x | x | 4.0 |\n| enablePullDownRefresh | 3.9 | 4.11 | 4.0 |\n| onReachBottomDistance | x | x | 4.0 |\n| backgroundColorTop | x | x | 4.0 |\n| backgroundColorBottom | x | x | 4.0 |\n| disableSwipeBack | x | x | 4.0 |\n| titleImage | x | x | 4.0 |\n| transparentTitle | x | x | 4.0 |\n| titlePenetrate | x | x | 4.0 |\n| usingComponents | x | x | 4.0 |\n| leftWindow | x | x | 4.0 |\n| topWindow | x | x | 4.0 |\n| rightWindow | x | x | 4.0 |\n| maxWidth | x | x | 4.0 |","table":"| 属性 | 类型 | 默认值 | 必填 | 描述 |\n| :- | :- | :- | :- | :- |\n| navigationBarBackgroundColor | string ([string.ColorString](/uts/data-type.md#ide-string)) | `app`: #F8F8F8<br/>`web`: #F8F8F8<br/>`mp-weixin、mp-qq、mp-baidu、mp-toutiao、mp-lark、mp-jd`: #000000<br/>`mp-alipay、mp-kuaishou`: #ffffff | 否 | 导航栏背景颜色（同状态栏背景色） |\n| navigationBarTextStyle | 'white' \\| 'black' | \"black\" | 否 | 导航栏标题颜色，仅支持 black/white |\n| navigationBarTitleText | string | - | 否 | 导航栏标题文字内容 |\n| navigationBarShadow | [navigationBarShadow 配置项列表](#style-navigationbarshadow) | - | 否 | 导航栏阴影，配置参考下方 [导航栏阴影](https://doc.dcloud.net.cn/uni-app-x/collocation/pagesjson.html#pagesoptionspage-style) |\n| navigationStyle | 'defaultValue' \\| 'custom' | \"defaultValue\" | 否 | 导航栏样式，仅支持 default/custom。custom即取消默认的原生导航栏，需看[使用注意](https://uniapp.dcloud.net.cn/collocation/pages.html#customnav)。 |\n| disableScroll | boolean | false | 否 | 设置为 true 则页面整体不能上下滚动（bounce效果），只在页面配置中有效，在globalStyle中设置无效(仅 IOS 支持)。 |\n| backgroundColor | string ([string.ColorString](/uts/data-type.md#ide-string)) | \"#ffffff\" | 否 | 下拉刷新显示出来的窗口的背景色（无下拉刷新时，此颜色无效果） |\n| backgroundColorContent | string ([string.ColorString](/uts/data-type.md#ide-string)) | \"#ffffff\" | 否 | 页面容器背景色 |\n| backgroundTextStyle | 'dark' \\| 'light' | \"dark\" | 否 | 下拉 loading 的样式，仅支持 dark/light |\n| enablePullDownRefresh | boolean | false | 否 | 是否开启下拉刷新，详见[页面生命周期](https://doc.dcloud.net.cn/uni-app-x/page.html)。 |\n| onReachBottomDistance | number | 50 | 否 | 页面上拉触底事件触发时距页面底部距离，单位只支持px，详见[页面生命周期](https://doc.dcloud.net.cn/uni-app-x/page.html)。 |\n| backgroundColorTop | string ([string.ColorString](/uts/data-type.md#ide-string)) | \"#ffffff\" | 否 | 顶部窗口的背景色(bounce回弹区域), 仅 iOS 平台 |\n| backgroundColorBottom | string ([string.ColorString](/uts/data-type.md#ide-string)) | \"#ffffff\" | 否 | 底部窗口的背景色(bounce回弹区域), 仅 iOS 平台 |\n| disableSwipeBack | boolean | false | 否 | 是否禁用滑动返回 |\n| titleImage | string ([string.ImageURIString](/uts/data-type.md#ide-string)) | - | 否 | 导航栏图片地址（替换当前文字标题），支付宝小程序内必须使用https的图片链接地址 |\n| transparentTitle | 'always' \\| 'auto' \\| 'none' | \"none\" | 否 | 导航栏整体（前景、背景）透明设置。支持 always 一直透明 / auto 滑动自适应 / none 不透明 |\n| titlePenetrate | 'YES' \\| 'NO' | \"NO\" | 否 | 导航栏点击穿透 |\n| h5 | [h5 配置项列表](#style-h5) | - | 否 | - |\n| usingComponents | object | - | 否 | 引用小程序组件，参考 [小程序组件https://uniapp.dcloud.net.cn/tutorial/miniprogram-subject.html#小程序自定义组件支持)。 |\n| leftWindow | boolean | true | 否 | 当存在 leftWindow时，当前页面是否显示 leftWindow |\n| topWindow | boolean | true | 否 | 当存在 topWindow时，当前页面是否显示 topWindow |\n| rightWindow | boolean | true | 否 | 当存在 rightWindow时，当前页面是否显示 rightWindow |\n| maxWidth | number | - | 否 | 单位px，当浏览器可见区域宽度大于maxWidth时，两侧留白，当小于等于maxWidth时，页面铺满；不同页面支持配置不同的maxWidth；maxWidth = leftWindow(可选)+page(页面主体)+rightWindow(可选) |"},"style_navigationBarShadow":{"table":"| 属性 | 类型 | 默认值 | 必填 | 描述 |\n| :- | :- | :- | :- | :- |\n| colorType | 'grey' \\| 'blue' \\| 'green' \\| 'orange' \\| 'red' \\| 'yellow' | - | 否 | 阴影的颜色，支持：grey、blue、green、orange、red、yellow |","description":"导航栏阴影，配置参考下方 [导航栏阴影](https://doc.dcloud.net.cn/uni-app-x/collocation/pagesjson.html#pagesoptionspage-style)"},"style_h5":{"table":"| 属性 | 类型 | 默认值 | 必填 | 描述 |\n| :- | :- | :- | :- | :- |\n| titleNView | [titleNView 配置项列表](#h5-titlenview) | - | 否 | - |\n| pullToRefresh | [pullToRefresh 配置项列表](#h5-pulltorefresh) | - | 否 | - |"},"pages_tabBar":{"compatibility":"**tabBar 兼容性** \n|  | Android | iOS | web |\n| :- | :- | :- | :- |\n| color | 3.9 | 4.11 | 4.0 |\n| selectedColor | 3.9 | 4.11 | 4.0 |\n| backgroundColor | 3.9 | 4.11 | 4.0 |\n| borderStyle | x | x | 4.0 |\n| blurEffect | x | x | 4.0 |\n| list | 3.9 | 4.11 | 4.0 |\n| position | x | x | 4.0 |\n| fontSize | x | x | 4.0 |\n| iconWidth | x | x | 4.0 |\n| spacing | x | x | 4.0 |\n| height | x | x | 4.0 |\n| midButton | x | x | 4.0 |\n| iconfontSrc | x | x | 4.0 |\n| backgroundImage | 3.9 | 4.11 | 4.0 |\n| backgroundRepeat | 3.9 | 4.11 | 4.0 |\n| redDotColor | 3.9 | 4.11 | 4.0 |","table":"| 属性 | 类型 | 默认值 | 必填 | 描述 |\n| :- | :- | :- | :- | :- |\n| color | string ([string.ColorString](/uts/data-type.md#ide-string)) | - | 是 | tab 上的文字默认颜色 |\n| selectedColor | string ([string.ColorString](/uts/data-type.md#ide-string)) | - | 是 | tab 上的文字选中时的颜色 |\n| backgroundColor | string ([string.ColorString](/uts/data-type.md#ide-string)) | - | 是 | tab 的背景色 |\n| borderStyle | string | \"black\" | 否 | tabbar 上边框的颜色，可选值 black、white（App、H5 也支持其他颜色值）。 |\n| blurEffect | 'dark' \\| 'extralight' \\| 'light' \\| 'none' | \"none\" | 否 | IOS 高斯模糊效果，可选值 dark/extralight/light/none（参考:[使用说明](https://uniapp.dcloud.net.cn//tutorial/app-blureffect.html)） |\n| list | Array\\<[PagesOptionsTabbarList](#pagesoptionstabbarlist)> | - | 是 | tab 的列表，详见 list 属性说明，最少2个、最多5个 tab |\n| position | 'top' \\| 'bottom' | \"bottom\" | 否 | tabbar 的位置,可选值 bottom、top。 |\n| fontSize | string | \"10px\" | 否 | 文字默认大小 |\n| iconWidth | string | \"24px\" | 否 | 图标默认宽度（高度等比例缩放） |\n| spacing | string | \"3px\" | 否 | 图标和文字的间距 |\n| height | string | \"50px\" | 否 | tabBar 默认高度 |\n| midButton | [midButton 配置项列表](#tabbar-midbutton) | - | 否 | tabBar 默认高度 |\n| iconfontSrc | string | - | 否 | list设置 iconfont 属性时，需要指定字体文件路径 |\n| backgroundImage | string | - | 否 | 设置背景图片，优先级高于 backgroundColor |\n| backgroundRepeat | 'repeat' \\| 'repeat-x' \\| 'repeat-y' \\| 'no-repeat' | \"no-repeat\" | 否 | 设置标题栏的背景图平铺方式 |\n| redDotColor | string ([string.ColorString](/uts/data-type.md#ide-string)) | - | 否 | tabbar上红点颜色 |"},"PagesOptionsTabbarList":{"compatibility":"**PagesOptionsTabbarList 兼容性** \n|  | Android | iOS | web |\n| :- | :- | :- | :- |\n| iconfont | 3.9 | 4.11 | 4.0 |\n| pagePath | 3.9 | 4.11 | 4.0 |\n| text | 3.9 | 4.11 | 4.0 |\n| iconPath | 3.9 | 4.11 | 4.0 |\n| selectedIconPath | 3.9 | 4.11 | 4.0 |\n| visible | 3.9 | 4.11 | 4.0 |","table":"| 属性 | 类型 | 默认值 | 必填 | 描述 |\n| :- | :- | :- | :- | :- |\n| iconfont | [iconfont 配置项列表](#pagesoptionstabbarlist-iconfont) | - | 否 | 字体图标，优先级高于 iconPath |\n| pagePath | string ([string.PageURIString](/uts/data-type.md#ide-string)) | - | 是 | 页面路径，必须在 pages 中先定义 |\n| text | string | - | 是 | tab 上按钮文字，在 App 和 H5 平台为非必填。例如中间可放一个没有文字的+号图标 |\n| iconPath | string ([string.ImageURIString](/uts/data-type.md#ide-string)) | - | 否 | 图片路径，icon 大小限制为40kb，建议尺寸为 81px * 81px，当 position 为 top 时，此参数无效，不支持网络图片，不支持字体图标 |\n| selectedIconPath | string ([string.ImageURIString](/uts/data-type.md#ide-string)) | - | 否 | 选中时的图片路径，icon 大小限制为40kb，建议尺寸为 81px * 81px ，当 position 为 top 时，此参数无效 |\n| visible | boolean | - | 否 | 该项是否显示，默认显示 |"},"PagesOptionsTabbarList_iconfont":{"table":"| 属性 | 类型 | 默认值 | 必填 | 描述 |\n| :- | :- | :- | :- | :- |\n| text | string | - | 否 | 字库 Unicode 码 |\n| selectedText | string | - | 否 | 选中后字库 Unicode 码 |\n| fontSize | string | - | 否 | 字体图标字号(px) |\n| color | string ([string.ColorString](/uts/data-type.md#ide-string)) | - | 否 | 字体图标颜色 |\n| selectedColor | string ([string.ColorString](/uts/data-type.md#ide-string)) | - | 否 | 字体图标选中颜色 |","description":"字体图标，优先级高于 iconPath"},"tabBar_midButton":{"compatibility":"**midButton 兼容性** \n|  | Android | iOS | web |\n| :- | :- | :- | :- |\n| width | x | x | 4.0 |\n| height | x | x | 4.0 |\n| text | x | x | 4.0 |\n| iconPath | x | x | 4.0 |\n| iconWidth | x | x | 4.0 |\n| backgroundImage | x | x | 4.0 |\n| iconfont | x | x | 4.0 |","table":"| 属性 | 类型 | 默认值 | 必填 | 描述 |\n| :- | :- | :- | :- | :- |\n| width | string | \"80px\" | 否 | 中间按钮的宽度，tabBar 其它项为减去此宽度后平分，默认值为与其它项平分宽度 |\n| height | string | \"80px\" | 否 | 中间按钮的高度，可以大于 tabBar 高度，达到中间凸起的效果 |\n| text | string | - | 否 | 中间按钮的文字 |\n| iconPath | string ([string.ImageURIString](/uts/data-type.md#ide-string)) | - | 否 | 中间按钮的图片路径 |\n| iconWidth | string | \"24px\" | 否 | 图标默认宽度（高度等比例缩放） |\n| backgroundImage | string ([string.ImageURIString](/uts/data-type.md#ide-string)) | - | 否 | 中间按钮的背景图片路径 |\n| iconfont | object | - | 否 | 字体图标，优先级高于 iconPath |","description":"tabBar 默认高度"},"pages_condition":{"table":"| 属性 | 类型 | 默认值 | 必填 | 描述 |\n| :- | :- | :- | :- | :- |\n| current | number | - | 是 | 当前激活的模式，list节点的索引值。 |\n| list | Array\\<[PagesConditionItem](#pagesconditionitem)> | - | 是 | 启动模式列表 |"},"PagesConditionItem":{"table":"| 属性 | 类型 | 默认值 | 必填 | 描述 |\n| :- | :- | :- | :- | :- |\n| name | string | - | 是 | 启动模式名称 |\n| path | string ([string.PageURIString](/uts/data-type.md#ide-string)) | - | 是 | 启动页面路径 |\n| query | string | - | 否 | 启动参数，可在页面的 onLoad 函数里获得 |"},"PagesSubPackages":{"table":"| 属性 | 类型 | 默认值 | 必填 | 描述 |\n| :- | :- | :- | :- | :- |\n| root | string | - | 是 | 子包的根目录 |\n| pages | Array\\<[PagesOptionsPage](#pagesoptionspage)> | - | 是 | 子包由哪些页面组成 |"},"pages_easycom":{"table":"| 属性 | 类型 | 默认值 | 必填 | 描述 |\n| :- | :- | :- | :- | :- |\n| autoscan | boolean | true | 否 | 是否开启自动扫描，开启后将会自动扫描符合components/组件名称/组件名称.vue/uvue目录结构的组件 |\n| custom | object | - | 否 | 以正则方式自定义组件匹配规则。如果autoscan不能满足需求，可以使用custom自定义匹配规则 |","description":"组件自动引入规则"},"pages_uniIdRouter":{"table":"| 属性 | 类型 | 默认值 | 必填 | 描述 |\n| :- | :- | :- | :- | :- |\n| loginPage | string ([string.PageURIString](/uts/data-type.md#ide-string)) | - | 否 | 登录页面路径 |\n| resToLogin | boolean | - | 否 | 是否开启自动根据响应体判断跳转登录页面，默认true（开启） |\n| needLogin | Array\\<string,[string.PageURIString](/uts/data-type.md#ide-string)> | - | 否 | - |","description":"根据用户登录状态、页面是否要求登录、以及接口返回的用户token验证状态自动跳转登录页面。详细教程：[详见](https://doc.dcloud.net.cn/uniCloud/uni-id/summary.html#uni-id-router)"},"tutorial":"## 参见\n[相关 Bug](https://issues.dcloud.net.cn/?mid=collocation.pages_json)"}
\ No newline at end of file

docs/.vuepress/utils/vueJson.json

-{"template":{"name":"#### template","description":"\n\n##### template 兼容性\n| Android | iOS | web |\n| :- | :- | :- |\n| √ | 4.11 | 4.0 |\n","attribute":"##### 属性 \n| 名称 | 类型 | 默认值 | 描述 |\n| :- | :- | :- | :- |\n| lang | string | - |  |\n@| 值名称 | 描述 |\n@| :- | :- |\n@| html | html |\n@| pug | 仅 Web 端支持 |\n","event":"","example":"","compatibility":"##### template 属性兼容性\n|  | Android | iOS | web |\n| :- | :- | :- | :- |\n| lang | √ | 4.11 | 4.0 |\n","children":"","reference":""},"slot":{"name":"#### slot","description":"> 组件类型：string \n\n \\<slot> 元素作为组件模板之中的内容分发插槽。\\<slot> 元素自身将被替换。\n\n##### slot 兼容性\n| Android | iOS | web |\n| :- | :- | :- |\n| √ | 4.11 | 4.0 |\n","attribute":"##### 属性 \n| 名称 | 类型 | 默认值 | 描述 |\n| :- | :- | :- | :- |\n| name | string | - | 用于命名插槽。 |","event":"","example":"","compatibility":"","children":"","reference":"\n##### 参见\n- [Reference](https://v3.cn.vuejs.org/api/built-in-components.html#slot)\n"},"script":{"name":"#### script","description":"\n\n##### script 兼容性\n| Android | iOS | web |\n| :- | :- | :- |\n| √ | 4.11 | 4.0 |\n","attribute":"##### 属性 \n| 名称 | 类型 | 默认值 | 描述 |\n| :- | :- | :- | :- |\n| setup | Any | - | - |\n| lang | Any | - |  |\n@| 值名称 | 描述 |\n@| :- | :- |\n@| ts | typescript |\n@| uts | uts |\n\n##### lang 兼容性\n|  | Android | iOS | web |\n| :- | :- | :- | :- |\n| ts | x | x | x |\n| uts | 4.0 | 4.11 | 4.0 |\n","event":"","example":"","compatibility":"##### script 属性兼容性\n|  | Android | iOS | web |\n| :- | :- | :- | :- |\n| setup | 4.0 | 4.11 | 4.0 |\n","children":"","reference":""},"style":{"name":"#### style","description":"\n\n##### style 兼容性\n| Android | iOS | web |\n| :- | :- | :- |\n| √ | 4.11 | 4.0 |\n","attribute":"##### 属性 \n| 名称 | 类型 | 默认值 | 描述 |\n| :- | :- | :- | :- |\n| lang | Any | - |  |\n@| 值名称 | 描述 |\n@| :- | :- |\n@| scss | - |\n@| less | - |\n@| stylus | - |\n| scoped | Any | - | - |\n| module | Any | - | - |\n","event":"","example":"","compatibility":"##### style 属性兼容性\n|  | Android | iOS | web |\n| :- | :- | :- | :- |\n| lang | √ | 4.11 | 4.0 |\n| scoped | x | x | 4.0 |\n| module | x | x | 4.0 |\n","children":"","reference":""},"keep-alive":{"name":"#### keep-alive","description":"> 组件类型：string \n\n \\<keep-alive> 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和 \\<transition> 相似，\\<keep-alive> 是一个抽象组件：它自身不会渲染一个 DOM 元素，也不会出现在父组件链中。\n\n##### keep-alive 兼容性\n| Android | iOS | web |\n| :- | :- | :- |\n| 4.0 | 4.11 | 4.0 |\n","attribute":"##### 属性 \n| 名称 | 类型 | 默认值 | 描述 |\n| :- | :- | :- | :- |\n| include | string | - | 字符串或正则表达式。只有名称匹配的组件会被缓存。 |\n| exclude | string | - | 字符串或正则表达式。任何名称匹配的组件都不会被缓存。 |\n| max | string | - | 最多可以缓存多少组件实例。 |","event":"","example":"","compatibility":"","children":"","reference":"\n##### 参见\n- [Reference](https://v3.cn.vuejs.org/api/built-in-components.html#keep-alive)\n"},"component":{"name":"#### component","description":"> 组件类型：string \n\n 渲染一个“元组件”为动态组件。依 is 的值，来决定哪个组件被渲染。\n\n##### component 兼容性\n| Android | iOS | web |\n| :- | :- | :- |\n| 3.99 | 4.11 | 4.0 |\n","attribute":"##### 属性 \n| 名称 | 类型 | 默认值 | 描述 |\n| :- | :- | :- | :- |\n| is | Any | - | - |\n| inline-template | Any | - | - |","event":"","example":"","compatibility":"","children":"","reference":"\n##### 参见\n- [Reference](https://v3.cn.vuejs.org/api/built-in-components.html#component)\n"},"transition":{"name":"#### transition","description":"> 组件类型：string \n\n \\<transition> 元素作为单个元素/组件的过渡效果。\\<transition> 只会把过渡效果应用到其包裹的内容上，而不会额外渲染 DOM 元素，也不会出现在检测过的组件层级中。\n\n##### transition 兼容性\n| Android | iOS | web |\n| :- | :- | :- |\n| x | x | 4.0 |\n","attribute":"##### 属性 \n| 名称 | 类型 | 默认值 | 描述 |\n| :- | :- | :- | :- |\n| name | string | - | 用于自动生成 CSS 过渡类名。例如：name: 'fade' 将自动拓展为.fade-enter，.fade-enter-active等。默认类名为 \"v\" |\n| appear | string(true \\| false) | - | 是否在初始渲染时使用过渡。默认为 false。 |\n| css | string(true \\| false) | - | 是否使用 CSS 过渡类。默认为 true。如果设置为 false，将只通过组件事件触发注册的 JavaScript 钩子。 |\n| type | string | - | 指定过渡事件类型，侦听过渡何时结束。有效值为 \"transition\" 和 \"animation\"。默认 Vue.js 将自动检测出持续时间长的为过渡事件类型。 |\n@| 值名称 | 描述 |\n@| :- | :- |\n@| transition | - |\n@| animation | - |\n| mode | string | - | 控制离开/进入的过渡时间序列。有效的模式有 \"out-in\" 和 \"in-out\"；默认同时生效。 |\n@| 值名称 | 描述 |\n@| :- | :- |\n@| out-in | - |\n@| in-out | - |\n| duration | string | - | 指定过渡的持续时间。默认情况下，Vue 会等待过渡所在根元素的第一个 transitionend 或 animationend 事件。 |\n| enter-class | Any | - | - |\n| leave-class | Any | - | - |\n| appear-class | Any | - | - |\n| enter-to-class | Any | - | - |\n| leave-to-class | Any | - | - |\n| appear-to-class | Any | - | - |\n| enter-active-class | Any | - | - |\n| leave-active-class | Any | - | - |\n| appear-active-class | Any | - | - |\n| @before-enter | Any | - | - |\n| @before-leave | Any | - | - |\n| @before-appear | Any | - | - |\n| @enter | Any | - | - |\n| @leave | Any | - | - |\n| @appear | Any | - | - |\n| @after-enter | Any | - | - |\n| @after-leave | Any | - | - |\n| @after-appear | Any | - | - |\n| @enter-cancelled | Any | - | - |\n| @leave-cancelled | string | - | v-show only |\n| @appear-cancelled | Any | - | - |\n\n","event":"","example":"","compatibility":"","children":"","reference":"\n##### 参见\n- [Reference](https://v3.cn.vuejs.org/api/built-in-components.html#transition)\n"},"transition-group":{"name":"#### transition-group","description":"> 组件类型：string \n\n \\<transition-group> 元素作为多个元素/组件的过渡效果。\\<transition-group> 渲染一个真实的 DOM 元素。默认渲染 \\<span>，可以通过 tag 属性配置哪个元素应该被渲染。\n\n##### transition-group 兼容性\n| Android | iOS | web |\n| :- | :- | :- |\n| x | x | 4.0 |\n","attribute":"##### 属性 \n| 名称 | 类型 | 默认值 | 描述 |\n| :- | :- | :- | :- |\n| tag | string | - | 默认为 span。 |\n| move-class | string | - | 覆盖移动过渡期间应用的 CSS 类。 |\n| name | string | - | 用于自动生成 CSS 过渡类名。例如：name: 'fade' 将自动拓展为.fade-enter，.fade-enter-active等。默认类名为 \"v\" |\n| appear | string(true \\| false) | - | 是否在初始渲染时使用过渡。默认为 false。 |\n| css | string(true \\| false) | - | 是否使用 CSS 过渡类。默认为 true。如果设置为 false，将只通过组件事件触发注册的 JavaScript 钩子。 |\n| type | string | - | 指定过渡事件类型，侦听过渡何时结束。有效值为 \"transition\" 和 \"animation\"。默认 Vue.js 将自动检测出持续时间长的为过渡事件类型。 |\n@| 值名称 | 描述 |\n@| :- | :- |\n@| transition | - |\n@| animation | - |\n| mode | Any | - | - |\n| duration | string | - | 指定过渡的持续时间。默认情况下，Vue 会等待过渡所在根元素的第一个 transitionend 或 animationend 事件。 |\n| enter-class | Any | - | - |\n| leave-class | Any | - | - |\n| appear-class | Any | - | - |\n| enter-to-class | Any | - | - |\n| leave-to-class | Any | - | - |\n| appear-to-class | Any | - | - |\n| enter-active-class | Any | - | - |\n| leave-active-class | Any | - | - |\n| appear-active-class | Any | - | - |\n| @before-enter | Any | - | - |\n| @before-leave | Any | - | - |\n| @before-appear | Any | - | - |\n| @enter | Any | - | - |\n| @leave | Any | - | - |\n| @appear | Any | - | - |\n| @after-enter | Any | - | - |\n| @after-leave | Any | - | - |\n| @after-appear | Any | - | - |\n| @enter-cancelled | Any | - | - |\n| @leave-cancelled | string | - | v-show only |\n| @appear-cancelled | Any | - | - |\n","event":"","example":"","compatibility":"","children":"","reference":"\n##### 参见\n- [Reference](https://v3.cn.vuejs.org/api/built-in-components.html#transition-group)\n"},"teleport":{"name":"#### teleport","description":"> 组件类型：string \n\n Teleport 提供了一种干净的方法，允许我们控制在 DOM 中哪个父节点下呈现 HTML，而不必求助于全局状态或将其拆分为两个组件。\n\n##### teleport 兼容性\n| Android | iOS | web |\n| :- | :- | :- |\n| 4.0 | 4.11 | 4.0 |\n","attribute":"##### 属性 \n| 名称 | 类型 | 默认值 | 描述 |\n| :- | :- | :- | :- |\n| to | string | - | 必须是有效的查询选择器或 HTMLElement (如果在浏览器环境中使用)。指定将在其中移动 \\<teleport> 内容的目标元素 |\n| disabled | boolean | - | 此可选属性可用于禁用 \\<teleport> 的功能，这意味着其插槽内容将不会移动到任何位置，而是在您在周围父组件中指定了 \\<teleport> 的位置渲染。 |","event":"","example":"","compatibility":"","children":"","reference":"\n##### 参见\n- [Reference](https://v3.vuejs.org/api/built-in-components.html#teleport)\n"},"application":{"compatibility":"|  | Android | iOS | web |\n| :- | :- | :- | :- |\n| createApp() | √ | 4.11 | 4.0 |\n| createSSRApp() | √ | 4.11 | 4.0 |\n| app.mount() | √ | 4.11 | 4.0 |\n| app.unmount() | √ | 4.11 | 4.0 |\n| app.component() | √ | 4.11 | 4.0 |\n| app.directive() | - | - | - |\n| app.use() | 3.99 | 4.11 | 4.0 |\n| app.mixin() | 3.99 | 4.11 | 4.0 |\n| app.provide() | 3.99 | 4.11 | 4.0 |\n| app.runWithContext() | - | - | - |\n| app.version | √ | 4.11 | 4.0 |\n| app.config | - | - | - |\n| app.config.errorHandler | x | 4.11 | 4.0 |\n| app.config.warnHandler | - | - | - |\n| app.config.performance | - | - | - |\n| app.config.compilerOptions | - | - | - |\n| app.config.globalProperties | 3.99 | 4.11 | 4.0 |\n| app.config.optionMergeStrategies | - | - | - |","example":""},"general":{"compatibility":"|  | Android | iOS | web |\n| :- | :- | :- | :- |\n| version | √ | 4.11 | 4.0 |\n| nextTick() | √ | 4.11 | 4.0 |\n| defineComponent() | x | x | 4.0 |\n| defineAsyncComponent() | - | - | - |\n| defineCustomElement() | - | - | - |","example":""},"reactivity_core":{"compatibility":"|  | Android | iOS | web |\n| :- | :- | :- | :- |\n| ref() | √ | 4.11 | 4.0 |\n| computed() | - | - | - |\n| reactive() | √ | 4.11 | 4.0 |\n| readonly() | 4.0 | 4.11 | 4.0 |\n| watchEffect() | 4.0 | 4.11 | 4.0 |\n| watchPostEffect() | 4.0 | 4.11 | 4.0 |\n| watchSyncEffect() | 4.0 | 4.11 | 4.0 |\n| watch() | 4.0 | 4.11 | 4.0 |","example":""},"reactivity_utilities":{"compatibility":"|  | Android | iOS | web |\n| :- | :- | :- | :- |\n| isRef() | 4.0 | 4.11 | 4.0 |\n| unref() | 4.0 | 4.11 | 4.0 |\n| isReactive() | 4.0 | 4.11 | 4.0 |\n| isReadonly() | 4.0 | 4.11 | 4.0 |\n| toRef() | 4.0 | 4.11 | 4.11 |\n| toValue() | 4.0 | 4.11 | 4.11 |\n| toRefs() | 4.0 | 4.11 | 4.11 |\n| isProxy() | 4.0 | 4.11 | 4.0 |","example":""},"reactivity_advanced":{"compatibility":"|  | Android | iOS | web |\n| :- | :- | :- | :- |\n| shallowReactive() | 4.0 | 4.11 | 4.0 |\n| shallowRef() | 4.0 | 4.11 | 4.0 |\n| toRaw() | 4.0 | 4.11 | 4.0 |\n| triggerRef() | 4.0 | 4.11 | x |\n| customRef() | 4.0 | 4.11 | 4.0 |\n| shallowReadonly() | 4.0 | 4.11 | 4.0 |\n| markRaw() | - | - | - |\n| effectScope() | 4.0 | 4.11 | 4.0 |\n| getCurrentScope() | 4.0 | 4.11 | 4.0 |\n| onScopeDispose() | 4.0 | 4.11 | 4.0 |","example":""},"composition_lifecycle":{"compatibility":"|  | Android | iOS | web |\n| :- | :- | :- | :- |\n| onMounted() | 4.0 | 4.11 | 4.0 |\n| onUpdated() | 4.0 | 4.11 | 4.0 |\n| onUnmounted() | 4.0 | 4.11 | 4.0 |\n| onBeforeMount() | 4.0 | 4.11 | 4.0 |\n| onBeforeUpdate() | 4.0 | 4.11 | 4.0 |\n| onBeforeUnmount() | 4.0 | 4.11 | 4.0 |\n| onErrorCaptured() | - | - | - |\n| onRenderTracked() | - | - | - |\n| onRenderTriggered() | - | - | - |\n| onActivated() | x | x | 4.0 |\n| onDeactivated() | x | x | 4.0 |\n| onServerPrefetch() | - | - | - |","example":"#### 页面生命周期 示例 \n> [hello uvue](https://gitcode.net/dcloud/hello-uvue/-/tree/alpha/pages/composition-api/lifecycle/page-lifecycle/page-lifecycle.uvue) \n ```html\n<template>\r\n  <!-- #ifdef APP -->\r\n  <scroll-view style=\"flex:1\" :bounces=\"false\">\r\n  <!-- #endif -->\r\n    <view class=\"page container\">\r\n      <text>page lifecycle</text>\r\n      <button class=\"uni-common-mt\" @click=\"scrollToBottom\">scrollToBottom</button>\r\n    </view>\r\n  <!-- #ifdef APP -->\r\n  </scroll-view>\r\n  <!-- #endif -->\r\n</template>\r\n\r\n<script setup>\n  import { state, setLifeCycleNum } from '@/store/index.uts'\n  \n  const isScrolled = ref(false)\n  \r\n  onLoad((_: OnLoadOptions) => {\r\n    // 自动化测试\n    setLifeCycleNum(state.lifeCycleNum + 100)\r\n  })\r\n  onPageShow(() => {\r\n    // 自动化测试\n    setLifeCycleNum(state.lifeCycleNum + 10)\r\n  })\r\n  onReady(() => {\n    // 自动化测试\n    setLifeCycleNum(state.lifeCycleNum + 10)\r\n  })\r\n  onPullDownRefresh(() => {\r\n    // 自动化测试\n    setLifeCycleNum(state.lifeCycleNum + 10)\r\n  })\r\n  onPageScroll((_) => {\n    // 自动化测试\r\n    isScrolled.value = true\r\n  })\r\n  onReachBottom(() => {\n    // 自动化测试\r\n    setLifeCycleNum(state.lifeCycleNum + 10)\r\n  })\r\n  onBackPress((_: OnBackPressOptions): boolean | null => {\n    // 自动化测试\n    setLifeCycleNum(state.lifeCycleNum - 10)\n    return null\r\n  })\r\n  onPageHide(() => {\n    // 自动化测试\r\n    setLifeCycleNum(state.lifeCycleNum - 10)\r\n  })\r\n  onUnload(() => {\n    // 自动化测试\r\n    setLifeCycleNum(state.lifeCycleNum - 100)\r\n  })\r\n  onResize((_) => {\r\n    // 自动化测试\n    setLifeCycleNum(state.lifeCycleNum + 10)\r\n  })\n  \n  // 自动化测试\n  const getLifeCycleNum = () : number => {\n    return state.lifeCycleNum\n  }\n  // 自动化测试\n  const pageSetLifeCycleNum = (num: number) => {\n    setLifeCycleNum(num)\n  }\n \n  // 自动化测试\n  const pullDownRefresh = () => {\n    uni.startPullDownRefresh({\n      success() {\n        setTimeout(() => {\n          uni.stopPullDownRefresh()\n        }, 1000)\n      },\n    })\n  }\n  \r\n  const scrollToBottom = () => {\r\n    uni.pageScrollTo({\r\n      scrollTop: 2000,\r\n    })\r\n  }\n  \n  // 自动化测试\n  const getIsScrolled = (): boolean => {\n    return isScrolled.value\n  }\n  \n  defineExpose({\n    getLifeCycleNum,\n    pageSetLifeCycleNum,\n    pullDownRefresh,\n    scrollToBottom,\n    getIsScrolled\n  })\r\n</script>\r\n\r\n<style>\r\n  .container {\r\n    height: 1200px;\r\n  }\r\n</style>\n```\n#### 组件生命周期 示例 \n> [hello uvue](https://gitcode.net/dcloud/hello-uvue/-/tree/alpha/pages/composition-api/lifecycle/component-lifecycle/component-lifecycle.uvue) \n ```html\n<template>\r\n  <!-- #ifdef APP -->\r\n  <scroll-view style=\"flex:1\">\r\n  <!-- #endif -->\r\n    <view class=\"pag container\">\r\n      <text class=\"uni-common-mb\">component lifecycle</text>\r\n      <component-lifecycle class=\"component-lifecycle\" @updateIsScroll=\"updateIsScroll\" />\r\n      <button class=\"uni-common-mt\" @click=\"scrollToBottom\">scrollToBottom</button>\r\n    </view>\r\n  <!-- #ifdef APP -->\r\n  </scroll-view>\r\n  <!-- #endif -->\r\n</template>\r\n\r\n<script setup>\r\n  import ComponentLifecycle from '@/components/CompositionAPILifecycle.uvue'\r\n  import { state, setLifeCycleNum } from '@/store/index.uts'\r\n\r\n  const isScrolled = ref(false)\r\n\r\n  // 自动化测试\r\n  const getLifeCycleNum = () : number => {\r\n    return state.lifeCycleNum\r\n  }\r\n\r\n  // 自动化测试\r\n  const pageSetlifeCycleNum = (num : number) => {\r\n    setLifeCycleNum(num)\r\n  }\r\n\r\n  // 自动化测试\r\n  const pullDownRefresh = () => {\r\n    uni.startPullDownRefresh({\r\n      success() {\r\n        setTimeout(() => {\r\n          uni.stopPullDownRefresh()\r\n        }, 1000)\r\n      },\r\n    })\r\n  }\r\n\r\n  const scrollToBottom = () => {\r\n    uni.pageScrollTo({\r\n      scrollTop: 3000,\r\n    })\r\n  }\r\n\r\n  const updateIsScroll = (val : boolean) => {\r\n    isScrolled.value = val\r\n  }\r\n\r\n  // 自动化测试\r\n  const getIsScrolled = () : boolean => {\r\n    return isScrolled.value\r\n  }\r\n\r\n  defineExpose({\r\n    getLifeCycleNum,\r\n    pageSetlifeCycleNum,\r\n    pullDownRefresh,\r\n    scrollToBottom,\r\n    getIsScrolled\r\n  })\r\n</script>\r\n\r\n<style>\r\n  .container {\r\n    height: 1200px;\r\n  }\r\n</style>\n```"},"composition_injection":{"compatibility":"|  | Android | iOS | web |\n| :- | :- | :- | :- |\n| provide() | 4.0 | 4.11 | 4.0 |\n| inject() | 4.0 | 4.11 | 4.0 |\n| hasInjectionContext() | 4.0 | 4.11 | 4.11 |","example":""},"options_state":{"compatibility":"|  | Android | iOS | web |\n| :- | :- | :- | :- |\n| data | √ | 4.11 | 4.0 |\n| props | √ | 4.11 | 4.0 |\n| computed | √ | 4.11 | 4.0 |\n| methods | √ | 4.11 | 4.0 |\n| watch | √ | 4.11 | 4.0 |\n| emits | √ | 4.11 | 4.0 |\n| expose | x | x | 4.0 |","example":"#### 状态选项 示例\n- [选项式 API 示例](https://gitcode.net/dcloud/hello-uvue/-/tree/alpha/pages/state)"},"options_rendering":{"compatibility":"|  | Android | iOS | web |\n| :- | :- | :- | :- |\n| template | x | x | x |\n| render | √ | 4.11 | 4.0 |\n| compilerOptions | x | x | x |\n| slots | √ | 4.11 | 4.0 |","example":"#### 渲染选项 示例\n- [指令示例](https://gitcode.net/dcloud/hello-uvue/-/tree/alpha/pages/rendering)"},"options_lifecycle":{"compatibility":"|  | Android | iOS | web |\n| :- | :- | :- | :- |\n| beforeCreate | √ | 4.11 | 4.0 |\n| created | √ | 4.11 | 4.0 |\n| beforeMount | √ | 4.11 | 4.0 |\n| mounted | √ | 4.11 | 4.0 |\n| beforeUpdate | √ | 4.11 | 4.0 |\n| updated | √ | 4.11 | 4.0 |\n| beforeUnmount | √ | 4.11 | 4.0 |\n| unmounted | √ | 4.11 | 4.0 |\n| errorCaptured | x | x | 4.0 |\n| renderTracked | x | x | 4.0 |\n| renderTriggered | x | x | 4.0 |\n| activated | 4.0 | 4.11 | 4.0 |\n| deactivated | 4.0 | 4.11 | 4.0 |\n| serverPrefetch | - | - | - |","example":"#### 页面生命周期示例 示例 \n> [hello uvue](https://gitcode.net/dcloud/hello-uvue/-/tree/alpha/pages/lifecycle/page/page.uvue) \n ```html\n<template>\r\n  <!-- #ifdef APP -->\r\n  <scroll-view style=\"flex: 1\" :bounces=\"false\">\r\n    <!-- #endif -->\r\n    <view class=\"page container\">\r\n      <text>page lifecycle</text>\r\n      <button class=\"uni-common-mt\" @click=\"scrollToBottom\">scrollToBottom</button>\r\n    </view>\r\n    <!-- #ifdef APP -->\r\n  </scroll-view>\r\n  <!-- #endif -->\r\n</template>\r\n\r\n<script lang=\"uts\">\r\nimport { state, setLifeCycleNum } from '@/store/index.uts'\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      isScrolled: false,\r\n    }\r\n  },\r\n  onLoad(_ : OnLoadOptions) {\r\n    // 自动化测试\r\n    setLifeCycleNum(state.lifeCycleNum + 100)\r\n  },\r\n  onShow() {\r\n    // 自动化测试\r\n    setLifeCycleNum(state.lifeCycleNum + 10)\r\n  },\r\n  onReady() {\r\n    // 自动化测试\r\n    setLifeCycleNum(state.lifeCycleNum + 10)\r\n  },\r\n  onPullDownRefresh() {\r\n    // 自动化测试\r\n    setLifeCycleNum(state.lifeCycleNum + 10)\r\n  },\r\n  onPageScroll(_) {\r\n    // 自动化测试\r\n    this.isScrolled = true\r\n  },\r\n  onReachBottom() {\r\n    // 自动化测试\r\n    setLifeCycleNum(state.lifeCycleNum + 10)\r\n  },\r\n  onBackPress(_ : OnBackPressOptions) : boolean | null {\r\n    // 自动化测试\r\n    setLifeCycleNum(state.lifeCycleNum - 10)\r\n    return null\r\n  },\r\n  onHide() {\r\n    // 自动化测试\r\n    setLifeCycleNum(state.lifeCycleNum - 10)\r\n  },\r\n  onUnload() {\r\n    // 自动化测试\r\n    setLifeCycleNum(state.lifeCycleNum - 100)\r\n  },\r\n  onResize(_){\r\n    // 自动化测试\r\n    setLifeCycleNum(state.lifeCycleNum + 10)\r\n  },\r\n  methods: {\r\n    // 自动化测试\r\n    getLifeCycleNum() : number {\r\n      return state.lifeCycleNum\r\n    },\r\n    // 自动化测试\r\n    setLifeCycleNum(num : number) {\r\n      setLifeCycleNum(num)\r\n    },\r\n    // 自动化测试\r\n    pullDownRefresh() {\r\n      uni.startPullDownRefresh({\r\n        success() {\r\n          setTimeout(() => {\r\n            uni.stopPullDownRefresh()\r\n          }, 1000)\r\n        },\r\n      })\r\n    },\r\n    scrollToBottom() {\r\n      uni.pageScrollTo({\r\n        scrollTop: 2000,\r\n      })\r\n    },\r\n  },\r\n}\r\n</script>\r\n\r\n<style>\r\n.container {\r\n  height: 1200px;\r\n}\r\n</style>\r\n\n```\n#### 组件生命周期示例 示例 \n> [hello uvue](https://gitcode.net/dcloud/hello-uvue/-/tree/alpha/pages/lifecycle/component/component.uvue) \n ```html\n<template>\r\n  <view class=\"page\">\r\n    <text class=\"uni-common-mb\">component lifecycle</text>\r\n    <component-lifecycle class=\"component-lifecycle\" />\r\n  </view>\r\n</template>\r\n\r\n<script>\r\nimport ComponentLifecycle from '@/components/OptionsAPILifecycle.uvue'\r\nimport { state } from '@/store/index.uts'\r\nexport default {\r\n  components: { ComponentLifecycle },\r\n  methods: {\r\n    // 自动化测试\r\n    getLifeCycleNum(): number {\r\n      return state.lifeCycleNum\r\n    },\r\n  },\r\n}\r\n</script>\r\n\n```"},"options_composition":{"compatibility":"|  | Android | iOS | web |\n| :- | :- | :- | :- |\n| provide | 3.99 | 4.11 | 4.0 |\n| inject | 3.99 | 4.11 | 4.0 |\n| mixins | 3.99 | 4.11 | 4.0 |\n| extends | - | - | - |","example":""},"options_misc":{"compatibility":"|  | Android | iOS | web |\n| :- | :- | :- | :- |\n| name | √ | 4.11 | 4.0 |\n| inheritAttrs | √ | 4.11 | 4.0 |\n| components | √ | 4.11 | 4.0 |\n| directives | - | - | - |","example":""},"component_instance":{"compatibility":"|  | Android | iOS | web |\n| :- | :- | :- | :- |\n| $data | √ | 4.11 | 4.0 |\n| $props | √ | 4.11 | 4.0 |\n| $el | √ | 4.11 | 4.0 |\n| $options | √ | 4.11 | 4.0 |\n| $parent | √ | 4.11 | 4.0 |\n| $root | √ | 4.11 | 4.0 |\n| $slots | √ | 4.11 | 4.0 |\n| $refs | √ | 4.11 | 4.0 |\n| $attrs | √ | 4.11 | 4.0 |\n| $watch() | √ | 4.11 | 4.0 |\n| $emit | √ | 4.11 | 4.0 |\n| $forceUpdate | √ | 4.11 | 4.0 |\n| $nextTick | √ | 4.11 | 4.0 |\n| $callMethod | √ | 4.11 | 4.0 |","example":"#### 组件实例 示例\n- [组件实例示例](https://gitcode.net/dcloud/hello-uvue/-/tree/alpha/pages/component-instance)"},"directives":{"compatibility":"|  | Android | iOS | web |\n| :- | :- | :- | :- |\n| v-text | √ | 4.11 | 4.0 |\n| v-html | 3.99 | 4.11 | 4.0 |\n| v-show | √ | 4.11 | 4.0 |\n| v-if | √ | 4.11 | 4.0 |\n| v-else | √ | 4.11 | 4.0 |\n| v-else-if | √ | 4.11 | 4.0 |\n| v-for | √ | 4.11 | 4.0 |\n| v-on | √ | 4.11 | 4.0 |\n| v-bind | √ | 4.11 | 4.0 |\n| v-model | √ | 4.11 | 4.0 |\n| v-slot | √ | 4.11 | 4.0 |\n| v-pre | 3.99 | 4.11 | 4.0 |\n| v-once | 3.99 | 4.11 | 4.11 |\n| v-memo | 3.99 | 4.11 | 4.11 |\n| v-cloak | x | x | 4.0 |","example":"#### 指令 示例\n- [指令示例](https://gitcode.net/dcloud/hello-uvue/-/tree/alpha/pages/directive)"},"special_attributes":{"compatibility":"|  | Android | iOS | web |\n| :- | :- | :- | :- |\n| key | √ | 4.11 | 4.0 |\n| ref | √ | 4.11 | 4.0 |\n| is | 3.99 | 4.11 | 4.0 |","example":""},"render_function":{"compatibility":"|  | Android | iOS | web |\n| :- | :- | :- | :- |\n| h() | 3.99 | 4.11 | 4.0 |\n| mergeProps() | 4.0 | 4.11 | 4.0 |\n| cloneVNode() | 4.0 | 4.11 | 4.0 |\n| isVNode() | √ | 4.11 | 4.0 |\n| resolveComponent() | √ | 4.11 | 4.0 |\n| resolveDirective() | - | - | - |\n| withDirectives() | √ | 4.11 | 4.0 |\n| withModifiers() | √ | 4.11 | 4.0 |","example":""},"single_file_component_script":{"compatibility":"|  | Android | iOS | web |\n| :- | :- | :- | :- |\n| defineProps() | 4.0 | 4.11 | 4.0 |\n| defineEmits() | 4.0 | 4.11 | 4.0 |\n| defineModel() | 4.0 | 4.11 | 4.11 |\n| defineExpose() | 4.0 | 4.11 | 4.0 |\n| defineOptions() | 4.0 | 4.11 | 4.11 |\n| defineSlots() | 4.0 | 4.11 | 4.0 |\n| useSlots() | 4.0 | 4.11 | 4.0 |\n| useAttrs() | 4.0 | 4.11 | 4.0 |","example":"#### \\<script setup> 示例 \n> [hello uvue](https://gitcode.net/dcloud/hello-uvue/-/tree/alpha/pages/composition/setup/setup.uvue) \n ```html\n<template>\r\n  <!-- #ifdef APP -->\r\n  <scroll-view style=\"flex: 1\">\r\n  <!-- #endif -->\r\n    <view class=\"page\">\r\n      <text class='uni-common-mt' id=\"str\">str: {{ str }}</text>\r\n      <text class='uni-common-mt' id=\"num\">num: {{ num }}</text>\r\n      <text class='uni-common-mt' id=\"bool\">bool: {{ bool }}</text>\r\n      <text class='uni-common-mt' id=\"count\">count: {{count}}</text>\r\n      <button class='uni-common-mt' id=\"increment-btn\" @click=\"increment\">increment</button>\r\n      <text class='uni-common-mt' id=\"obj-str\">obj.str: {{ obj['str'] }}</text>\r\n      <text class='uni-common-mt' id=\"obj-num\">obj.num: {{ obj['num'] }}</text>\r\n      <text class='uni-common-mt' id=\"obj-bool\">obj.bool: {{ obj['bool'] }}</text>\r\n      <button class='uni-common-mt' id=\"update-obj-btn\" @click=\"updateObj\">update obj</button>\r\n      <!-- #ifdef APP -->\r\n      <RenderFunction :str='str' :count='count' :obj='obj' @compUpdateObj='compUpdateObj' :isShow='true' />\r\n      <!-- #endif -->\r\n      <Foo>\r\n        <text class=\"uni-common-mt\" id=\"default-slot-in-foo\">default slot in Foo</text>\r\n      </Foo>\r\n    </view>\r\n  <!-- #ifdef APP -->\r\n  </scroll-view>\r\n  <!-- #endif -->\r\n</template>\r\n\r\n<script>\r\n  // #ifdef APP\r\n  import RenderFunction from './RenderFunction.uvue'\r\n  // #endif\r\n  import Foo from './Foo.uvue'\r\n  export default {\r\n    components: {\r\n      // #ifdef APP\r\n      RenderFunction,\r\n      // #endif\r\n      Foo\r\n    },\r\n    setup() {\r\n      const count = ref(0)\r\n      // 函数只能通过声明变量,赋值函数的方式,不支持 function xxx(){}\r\n      const increment = () => { count.value++ }\r\n      const obj = reactive({\r\n        str: 'obj default str',\r\n        num: 0,\r\n        bool: false,\r\n      })\r\n      const updateObj = () => {\r\n        obj['str'] = 'obj new str'\r\n        obj['num'] = 100\r\n        obj['bool'] = true\r\n      }\r\n      const compUpdateObj = () => {\r\n        obj['str'] = 'obj new str by comp update'\r\n        obj['num'] = 200\r\n        obj['bool'] = true\r\n      }\r\n      return {\r\n        str: 'default str',\r\n        num: 0,\r\n        bool: false,\r\n        count,\r\n        increment,\r\n        obj,\r\n        updateObj,\r\n        compUpdateObj\r\n      }\r\n    }\r\n  }\r\n</script>\n```"}}
+{"template":{"name":"#### template","description":"\n\n##### template 兼容性\n| Android | iOS | web |\n| :- | :- | :- |\n| 3.9 | 4.11 | 4.0 |\n","attribute":"##### 属性 \n| 名称 | 类型 | 默认值 | 描述 |\n| :- | :- | :- | :- |\n| lang | string | - |  |\n@| 值名称 | 描述 |\n@| :- | :- |\n@| html | html |\n@| pug | 仅 Web 端支持 |\n","event":"","example":"","compatibility":"##### template 属性兼容性\n|  | Android | iOS | web |\n| :- | :- | :- | :- |\n| lang | 3.9 | 4.11 | 4.0 |\n","children":"","reference":""},"slot":{"name":"#### slot","description":"> 组件类型：string \n\n \\<slot> 元素作为组件模板之中的内容分发插槽。\\<slot> 元素自身将被替换。\n\n##### slot 兼容性\n| Android | iOS | web |\n| :- | :- | :- |\n| 3.9 | 4.11 | 4.0 |\n","attribute":"##### 属性 \n| 名称 | 类型 | 默认值 | 描述 |\n| :- | :- | :- | :- |\n| name | string | - | 用于命名插槽。 |","event":"","example":"","compatibility":"","children":"","reference":"\n##### 参见\n- [Reference](https://v3.cn.vuejs.org/api/built-in-components.html#slot)\n"},"script":{"name":"#### script","description":"\n\n##### script 兼容性\n| Android | iOS | web |\n| :- | :- | :- |\n| 3.9 | 4.11 | 4.0 |\n","attribute":"##### 属性 \n| 名称 | 类型 | 默认值 | 描述 |\n| :- | :- | :- | :- |\n| setup | Any | - | - |\n| lang | Any | - |  |\n@| 值名称 | 描述 |\n@| :- | :- |\n@| uts | uts |\n\n##### lang 兼容性\n|  | Android | iOS | web |\n| :- | :- | :- | :- |\n| uts | 4.0 | 4.11 | 4.0 |\n","event":"","example":"","compatibility":"##### script 属性兼容性\n|  | Android | iOS | web |\n| :- | :- | :- | :- |\n| setup | 4.0 | 4.11 | 4.0 |\n","children":"","reference":""},"style":{"name":"#### style","description":"\n\n##### style 兼容性\n| Android | iOS | web |\n| :- | :- | :- |\n| 3.9 | 4.11 | 4.0 |\n","attribute":"##### 属性 \n| 名称 | 类型 | 默认值 | 描述 |\n| :- | :- | :- | :- |\n| lang | Any | - |  |\n@| 值名称 | 描述 |\n@| :- | :- |\n@| scss | - |\n@| less | - |\n@| stylus | - |\n| scoped | Any | - | - |\n| module | Any | - | - |\n","event":"","example":"","compatibility":"##### style 属性兼容性\n|  | Android | iOS | web |\n| :- | :- | :- | :- |\n| lang | 3.9 | 4.11 | 4.0 |\n| scoped | x | x | 4.0 |\n| module | x | x | 4.0 |\n","children":"","reference":""},"keep-alive":{"name":"#### keep-alive","description":"> 组件类型：string \n\n \\<keep-alive> 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和 \\<transition> 相似，\\<keep-alive> 是一个抽象组件：它自身不会渲染一个 DOM 元素，也不会出现在父组件链中。\n\n##### keep-alive 兼容性\n| Android | iOS | web |\n| :- | :- | :- |\n| 4.0 | 4.11 | 4.0 |\n","attribute":"##### 属性 \n| 名称 | 类型 | 默认值 | 描述 |\n| :- | :- | :- | :- |\n| include | string | - | 字符串或正则表达式。只有名称匹配的组件会被缓存。 |\n| exclude | string | - | 字符串或正则表达式。任何名称匹配的组件都不会被缓存。 |\n| max | string | - | 最多可以缓存多少组件实例。 |","event":"","example":"","compatibility":"","children":"","reference":"\n##### 参见\n- [Reference](https://v3.cn.vuejs.org/api/built-in-components.html#keep-alive)\n"},"component":{"name":"#### component","description":"> 组件类型：string \n\n 渲染一个“元组件”为动态组件。依 is 的值，来决定哪个组件被渲染。\n\n##### component 兼容性\n| Android | iOS | web |\n| :- | :- | :- |\n| 3.99 | 4.11 | 4.0 |\n","attribute":"##### 属性 \n| 名称 | 类型 | 默认值 | 描述 |\n| :- | :- | :- | :- |\n| is | Any | - | - |\n| inline-template | Any | - | - |","event":"","example":"","compatibility":"","children":"","reference":"\n##### 参见\n- [Reference](https://v3.cn.vuejs.org/api/built-in-components.html#component)\n"},"transition":{"name":"#### transition","description":"> 组件类型：string \n\n \\<transition> 元素作为单个元素/组件的过渡效果。\\<transition> 只会把过渡效果应用到其包裹的内容上，而不会额外渲染 DOM 元素，也不会出现在检测过的组件层级中。\n\n##### transition 兼容性\n| Android | iOS | web |\n| :- | :- | :- |\n| x | x | 4.0 |\n","attribute":"##### 属性 \n| 名称 | 类型 | 默认值 | 描述 |\n| :- | :- | :- | :- |\n| name | string | - | 用于自动生成 CSS 过渡类名。例如：name: 'fade' 将自动拓展为.fade-enter，.fade-enter-active等。默认类名为 \"v\" |\n| appear | string(true \\| false) | - | 是否在初始渲染时使用过渡。默认为 false。 |\n| css | string(true \\| false) | - | 是否使用 CSS 过渡类。默认为 true。如果设置为 false，将只通过组件事件触发注册的 JavaScript 钩子。 |\n| type | string | - | 指定过渡事件类型，侦听过渡何时结束。有效值为 \"transition\" 和 \"animation\"。默认 Vue.js 将自动检测出持续时间长的为过渡事件类型。 |\n@| 值名称 | 描述 |\n@| :- | :- |\n@| transition | - |\n@| animation | - |\n| mode | string | - | 控制离开/进入的过渡时间序列。有效的模式有 \"out-in\" 和 \"in-out\"；默认同时生效。 |\n@| 值名称 | 描述 |\n@| :- | :- |\n@| out-in | - |\n@| in-out | - |\n| duration | string | - | 指定过渡的持续时间。默认情况下，Vue 会等待过渡所在根元素的第一个 transitionend 或 animationend 事件。 |\n| enter-class | Any | - | - |\n| leave-class | Any | - | - |\n| appear-class | Any | - | - |\n| enter-to-class | Any | - | - |\n| leave-to-class | Any | - | - |\n| appear-to-class | Any | - | - |\n| enter-active-class | Any | - | - |\n| leave-active-class | Any | - | - |\n| appear-active-class | Any | - | - |\n| @before-enter | Any | - | - |\n| @before-leave | Any | - | - |\n| @before-appear | Any | - | - |\n| @enter | Any | - | - |\n| @leave | Any | - | - |\n| @appear | Any | - | - |\n| @after-enter | Any | - | - |\n| @after-leave | Any | - | - |\n| @after-appear | Any | - | - |\n| @enter-cancelled | Any | - | - |\n| @leave-cancelled | string | - | v-show only |\n| @appear-cancelled | Any | - | - |\n\n","event":"","example":"","compatibility":"","children":"","reference":"\n##### 参见\n- [Reference](https://v3.cn.vuejs.org/api/built-in-components.html#transition)\n"},"transition-group":{"name":"#### transition-group","description":"> 组件类型：string \n\n \\<transition-group> 元素作为多个元素/组件的过渡效果。\\<transition-group> 渲染一个真实的 DOM 元素。默认渲染 \\<span>，可以通过 tag 属性配置哪个元素应该被渲染。\n\n##### transition-group 兼容性\n| Android | iOS | web |\n| :- | :- | :- |\n| x | x | 4.0 |\n","attribute":"##### 属性 \n| 名称 | 类型 | 默认值 | 描述 |\n| :- | :- | :- | :- |\n| tag | string | - | 默认为 span。 |\n| move-class | string | - | 覆盖移动过渡期间应用的 CSS 类。 |\n| name | string | - | 用于自动生成 CSS 过渡类名。例如：name: 'fade' 将自动拓展为.fade-enter，.fade-enter-active等。默认类名为 \"v\" |\n| appear | string(true \\| false) | - | 是否在初始渲染时使用过渡。默认为 false。 |\n| css | string(true \\| false) | - | 是否使用 CSS 过渡类。默认为 true。如果设置为 false，将只通过组件事件触发注册的 JavaScript 钩子。 |\n| type | string | - | 指定过渡事件类型，侦听过渡何时结束。有效值为 \"transition\" 和 \"animation\"。默认 Vue.js 将自动检测出持续时间长的为过渡事件类型。 |\n@| 值名称 | 描述 |\n@| :- | :- |\n@| transition | - |\n@| animation | - |\n| mode | Any | - | - |\n| duration | string | - | 指定过渡的持续时间。默认情况下，Vue 会等待过渡所在根元素的第一个 transitionend 或 animationend 事件。 |\n| enter-class | Any | - | - |\n| leave-class | Any | - | - |\n| appear-class | Any | - | - |\n| enter-to-class | Any | - | - |\n| leave-to-class | Any | - | - |\n| appear-to-class | Any | - | - |\n| enter-active-class | Any | - | - |\n| leave-active-class | Any | - | - |\n| appear-active-class | Any | - | - |\n| @before-enter | Any | - | - |\n| @before-leave | Any | - | - |\n| @before-appear | Any | - | - |\n| @enter | Any | - | - |\n| @leave | Any | - | - |\n| @appear | Any | - | - |\n| @after-enter | Any | - | - |\n| @after-leave | Any | - | - |\n| @after-appear | Any | - | - |\n| @enter-cancelled | Any | - | - |\n| @leave-cancelled | string | - | v-show only |\n| @appear-cancelled | Any | - | - |\n","event":"","example":"","compatibility":"","children":"","reference":"\n##### 参见\n- [Reference](https://v3.cn.vuejs.org/api/built-in-components.html#transition-group)\n"},"teleport":{"name":"#### teleport","description":"> 组件类型：string \n\n Teleport 提供了一种干净的方法，允许我们控制在 DOM 中哪个父节点下呈现 HTML，而不必求助于全局状态或将其拆分为两个组件。\n\n##### teleport 兼容性\n| Android | iOS | web |\n| :- | :- | :- |\n| 4.0 | 4.11 | 4.0 |\n","attribute":"##### 属性 \n| 名称 | 类型 | 默认值 | 描述 |\n| :- | :- | :- | :- |\n| to | string | - | 必须是有效的查询选择器或 HTMLElement (如果在浏览器环境中使用)。指定将在其中移动 \\<teleport> 内容的目标元素 |\n| disabled | boolean | - | 此可选属性可用于禁用 \\<teleport> 的功能，这意味着其插槽内容将不会移动到任何位置，而是在您在周围父组件中指定了 \\<teleport> 的位置渲染。 |","event":"","example":"","compatibility":"","children":"","reference":"\n##### 参见\n- [Reference](https://v3.vuejs.org/api/built-in-components.html#teleport)\n"},"application":{"compatibility":"","example":""},"general":{"compatibility":"","example":""},"reactivity_core":{"compatibility":"","example":""},"reactivity_utilities":{"compatibility":"|  | Android | iOS | web |\n| :- | :- | :- | :- |\n| isRef() | 4.0 | 4.11 | 4.0 |\n| unref() | 4.0 | 4.11 | 4.0 |\n| isReactive() | 4.0 | 4.11 | 4.0 |\n| isReadonly() | 4.0 | 4.11 | 4.0 |\n| toRef() | 4.0 | 4.11 | 4.11 |\n| toValue() | 4.0 | 4.11 | 4.11 |\n| toRefs() | 4.0 | 4.11 | 4.11 |\n| isProxy() | 4.0 | 4.11 | 4.0 |","example":""},"reactivity_advanced":{"compatibility":"","example":""},"composition_lifecycle":{"compatibility":"","example":"#### 页面生命周期 示例 \n> [hello uvue](https://gitcode.net/dcloud/hello-uvue/-/tree/alpha/pages/composition-api/lifecycle/page-lifecycle/page-lifecycle.uvue) \n ```html\n<template>\r\n  <!-- #ifdef APP -->\r\n  <scroll-view style=\"flex:1\">\r\n  <!-- #endif -->\r\n    <view class=\"page container\">\r\n      <text>page lifecycle</text>\r\n      <button class=\"uni-common-mt\" @click=\"scrollToBottom\">scrollToBottom</button>\r\n    </view>\r\n  <!-- #ifdef APP -->\r\n  </scroll-view>\r\n  <!-- #endif -->\r\n</template>\r\n\r\n<script setup>\n  import { state, setLifeCycleNum } from '@/store/index.uts'\n  \n  const isScrolled = ref(false)\n  \r\n  onLoad((_: OnLoadOptions) => {\r\n    // 自动化测试\n    setLifeCycleNum(state.lifeCycleNum + 100)\r\n  })\r\n  onPageShow(() => {\r\n    // 自动化测试\n    setLifeCycleNum(state.lifeCycleNum + 10)\r\n  })\r\n  onReady(() => {\n    // 自动化测试\n    setLifeCycleNum(state.lifeCycleNum + 10)\r\n  })\r\n  onPullDownRefresh(() => {\r\n    // 自动化测试\n    setLifeCycleNum(state.lifeCycleNum + 10)\r\n  })\r\n  onPageScroll((_) => {\n    // 自动化测试\r\n    isScrolled.value = true\r\n  })\r\n  onReachBottom(() => {\n    // 自动化测试\r\n    setLifeCycleNum(state.lifeCycleNum + 10)\r\n  })\r\n  onBackPress((_: OnBackPressOptions): boolean | null => {\n    // 自动化测试\n    setLifeCycleNum(state.lifeCycleNum - 10)\n    return null\r\n  })\r\n  onPageHide(() => {\n    // 自动化测试\r\n    setLifeCycleNum(state.lifeCycleNum - 10)\r\n  })\r\n  onUnload(() => {\n    // 自动化测试\r\n    setLifeCycleNum(state.lifeCycleNum - 100)\r\n  })\r\n  onResize((_) => {\r\n    // 自动化测试\n    setLifeCycleNum(state.lifeCycleNum + 10)\r\n  })\n  \n  // 自动化测试\n  const getLifeCycleNum = () : number => {\n    return state.lifeCycleNum\n  }\n  // 自动化测试\n  const pageSetLifeCycleNum = (num: number) => {\n    setLifeCycleNum(num)\n  }\n \n  // 自动化测试\n  const pullDownRefresh = () => {\n    uni.startPullDownRefresh({\n      success() {\n        setTimeout(() => {\n          uni.stopPullDownRefresh()\n        }, 1000)\n      },\n    })\n  }\n  \r\n  const scrollToBottom = () => {\r\n    uni.pageScrollTo({\r\n      scrollTop: 2000,\r\n    })\r\n  }\n  \n  // 自动化测试\n  const getIsScrolled = (): boolean => {\n    return isScrolled.value\n  }\n  \n  defineExpose({\n    getLifeCycleNum,\n    pageSetLifeCycleNum,\n    pullDownRefresh,\n    scrollToBottom,\n    getIsScrolled\n  })\r\n</script>\r\n\r\n<style>\r\n  .container {\r\n    height: 1200px;\r\n  }\r\n</style>\n```\n#### 组件生命周期 示例 \n> [hello uvue](https://gitcode.net/dcloud/hello-uvue/-/tree/alpha/pages/composition-api/lifecycle/component-lifecycle/component-lifecycle.uvue) \n ```html\n<template>\r\n  <!-- #ifdef APP -->\r\n  <scroll-view style=\"flex:1\">\r\n  <!-- #endif -->\r\n    <view class=\"pag container\">\r\n      <text class=\"uni-common-mb\">component lifecycle</text>\r\n      <component-lifecycle class=\"component-lifecycle\" @updateIsScroll=\"updateIsScroll\" />\r\n      <button class=\"uni-common-mt\" @click=\"scrollToBottom\">scrollToBottom</button>\r\n    </view>\r\n  <!-- #ifdef APP -->\r\n  </scroll-view>\r\n  <!-- #endif -->\r\n</template>\r\n\r\n<script setup>\r\n  import ComponentLifecycle from '@/components/CompositionAPILifecycle.uvue'\r\n  import { state, setLifeCycleNum } from '@/store/index.uts'\r\n\r\n  const isScrolled = ref(false)\r\n\r\n  // 自动化测试\r\n  const getLifeCycleNum = () : number => {\r\n    return state.lifeCycleNum\r\n  }\r\n\r\n  // 自动化测试\r\n  const pageSetlifeCycleNum = (num : number) => {\r\n    setLifeCycleNum(num)\r\n  }\r\n\r\n  // 自动化测试\r\n  const pullDownRefresh = () => {\r\n    uni.startPullDownRefresh({\r\n      success() {\r\n        setTimeout(() => {\r\n          uni.stopPullDownRefresh()\r\n        }, 1000)\r\n      },\r\n    })\r\n  }\r\n\r\n  const scrollToBottom = () => {\r\n    uni.pageScrollTo({\r\n      scrollTop: 3000,\r\n    })\r\n  }\r\n\r\n  const updateIsScroll = (val : boolean) => {\r\n    isScrolled.value = val\r\n  }\r\n\r\n  // 自动化测试\r\n  const getIsScrolled = () : boolean => {\r\n    return isScrolled.value\r\n  }\r\n\r\n  defineExpose({\r\n    getLifeCycleNum,\r\n    pageSetlifeCycleNum,\r\n    pullDownRefresh,\r\n    scrollToBottom,\r\n    getIsScrolled\r\n  })\r\n</script>\r\n\r\n<style>\r\n  .container {\r\n    height: 1200px;\r\n  }\r\n</style>\n```"},"composition_injection":{"compatibility":"|  | Android | iOS | web |\n| :- | :- | :- | :- |\n| provide() | 4.0 | 4.11 | 4.0 |\n| inject() | 4.0 | 4.11 | 4.0 |\n| hasInjectionContext() | 4.0 | 4.11 | 4.11 |","example":""},"options_state":{"compatibility":"|  | Android | iOS | web |\n| :- | :- | :- | :- |\n| data | 3.9 | 4.11 | 4.0 |\n| props | 3.9 | 4.11 | 4.0 |\n| computed | 3.9 | 4.11 | 4.0 |\n| methods | 3.9 | 4.11 | 4.0 |\n| watch | 3.9 | 4.11 | 4.0 |\n| emits | 3.9 | 4.11 | 4.0 |\n| expose | x | x | 4.0 |","example":"#### 状态选项 示例\n- [选项式 API 示例](https://gitcode.net/dcloud/hello-uvue/-/tree/alpha/pages/state)"},"options_rendering":{"compatibility":"","example":"#### 渲染选项 示例\n- [指令示例](https://gitcode.net/dcloud/hello-uvue/-/tree/alpha/pages/rendering)"},"options_lifecycle":{"compatibility":"","example":"#### 页面生命周期示例 示例 \n> [hello uvue](https://gitcode.net/dcloud/hello-uvue/-/tree/alpha/pages/lifecycle/page/page.uvue) \n ```html\n<template>\n  <!-- #ifdef APP -->\n  <scroll-view style=\"flex: 1\">\n    <!-- #endif -->\n    <view class=\"page container\">\n      <text>page lifecycle</text>\n      <button class=\"uni-common-mt\" @click=\"scrollToBottom\">scrollToBottom</button>\n    </view>\n    <!-- #ifdef APP -->\n  </scroll-view>\n  <!-- #endif -->\n</template>\n\n<script lang=\"uts\">\nimport { state, setLifeCycleNum } from '@/store/index.uts'\n\nexport default {\n  data() {\n    return {\n      isScrolled: false,\n    }\n  },\n  onLoad(_ : OnLoadOptions) {\n    // 自动化测试\n    setLifeCycleNum(state.lifeCycleNum + 100)\n  },\n  onShow() {\n    // 自动化测试\n    setLifeCycleNum(state.lifeCycleNum + 10)\n  },\n  onReady() {\n    // 自动化测试\n    setLifeCycleNum(state.lifeCycleNum + 10)\n  },\n  onPullDownRefresh() {\n    // 自动化测试\n    setLifeCycleNum(state.lifeCycleNum + 10)\n  },\n  onPageScroll(_) {\n    // 自动化测试\n    this.isScrolled = true\n  },\n  onReachBottom() {\n    // 自动化测试\n    setLifeCycleNum(state.lifeCycleNum + 10)\n  },\n  onBackPress(_ : OnBackPressOptions) : boolean | null {\n    // 自动化测试\n    setLifeCycleNum(state.lifeCycleNum - 10)\n    return null\n  },\n  onHide() {\n    // 自动化测试\n    setLifeCycleNum(state.lifeCycleNum - 10)\n  },\n  onUnload() {\n    // 自动化测试\n    setLifeCycleNum(state.lifeCycleNum - 100)\n  },\n  onResize(_){\n    // 自动化测试\n    setLifeCycleNum(state.lifeCycleNum + 10)\n  },\n  methods: {\n    // 自动化测试\n    getLifeCycleNum() : number {\n      return state.lifeCycleNum\n    },\n    // 自动化测试\n    setLifeCycleNum(num : number) {\n      setLifeCycleNum(num)\n    },\n    // 自动化测试\n    pullDownRefresh() {\n      uni.startPullDownRefresh({\n        success() {\n          setTimeout(() => {\n            uni.stopPullDownRefresh()\n          }, 1000)\n        },\n      })\n    },\n    scrollToBottom() {\n      uni.pageScrollTo({\n        scrollTop: 2000,\n      })\n    },\n  },\n}\n</script>\n\n<style>\n.container {\n  height: 1200px;\n}\n</style>\n\n```\n#### 组件生命周期示例 示例 \n> [hello uvue](https://gitcode.net/dcloud/hello-uvue/-/tree/alpha/pages/lifecycle/component/component.uvue) \n ```html\n<template>\n  <view class=\"page\">\n    <text class=\"uni-common-mb\">component lifecycle</text>\n    <component-lifecycle class=\"component-lifecycle\" />\n  </view>\n</template>\n\n<script>\nimport ComponentLifecycle from '@/components/OptionsAPILifecycle.uvue'\nimport { state } from '@/store/index.uts'\nexport default {\n  components: { ComponentLifecycle },\n  methods: {\n    // 自动化测试\n    getLifeCycleNum(): number {\n      return state.lifeCycleNum\n    },\n  },\n}\n</script>\n\n```"},"options_composition":{"compatibility":"","example":""},"options_misc":{"compatibility":"","example":""},"component_instance":{"compatibility":"|  | Android | iOS | web |\n| :- | :- | :- | :- |\n| $data | 3.9 | 4.11 | 4.0 |\n| $props | 3.9 | 4.11 | 4.0 |\n| $el | 3.9 | 4.11 | 4.0 |\n| $options | 3.9 | 4.11 | 4.0 |\n| $parent | 3.9 | 4.11 | 4.0 |\n| $root | 3.9 | 4.11 | 4.0 |\n| $slots | 3.9 | 4.11 | 4.0 |\n| $refs | 3.9 | 4.11 | 4.0 |\n| $attrs | 3.9 | 4.11 | 4.0 |\n| $watch() | 3.9 | 4.11 | 4.0 |\n| $emit | 3.9 | 4.11 | 4.0 |\n| $forceUpdate | 3.9 | 4.11 | 4.0 |\n| $nextTick | 3.9 | 4.11 | 4.0 |\n| $callMethod | 3.9 | 4.11 | 4.0 |","example":"#### 组件实例 示例\n- [组件实例示例](https://gitcode.net/dcloud/hello-uvue/-/tree/alpha/pages/component-instance)"},"directives":{"compatibility":"|  | Android | iOS | web |\n| :- | :- | :- | :- |\n| v-text | 3.9 | 4.11 | 4.0 |\n| v-html | 3.99 | 4.11 | 4.0 |\n| v-show | 3.9 | 4.11 | 4.0 |\n| v-if | 3.9 | 4.11 | 4.0 |\n| v-else | 3.9 | 4.11 | 4.0 |\n| v-else-if | 3.9 | 4.11 | 4.0 |\n| v-for | 3.9 | 4.11 | 4.0 |\n| v-on | 3.9 | 4.11 | 4.0 |\n| v-bind | 3.9 | 4.11 | 4.0 |\n| v-model | 3.9 | 4.11 | 4.0 |\n| v-slot | 3.9 | 4.11 | 4.0 |\n| v-pre | 3.99 | 4.11 | 4.0 |\n| v-once | 3.99 | 4.11 | 4.11 |\n| v-memo | 3.99 | 4.11 | 4.11 |\n| v-cloak | x | x | 4.0 |","example":"#### 指令 示例\n- [指令示例](https://gitcode.net/dcloud/hello-uvue/-/tree/alpha/pages/directive)"},"special_attributes":{"compatibility":"|  | Android | iOS | web |\n| :- | :- | :- | :- |\n| key | 3.9 | 4.11 | 4.0 |\n| ref | 3.9 | 4.11 | 4.0 |\n| is | 3.99 | 4.11 | 4.0 |","example":""},"render_function":{"compatibility":"","example":""},"single_file_component_script":{"compatibility":"|  | Android | iOS | web |\n| :- | :- | :- | :- |\n| defineProps() | 4.0 | 4.11 | 4.0 |\n| defineEmits() | 4.0 | 4.11 | 4.0 |\n| defineModel() | 4.0 | 4.11 | 4.11 |\n| defineExpose() | 4.0 | 4.11 | 4.0 |\n| defineOptions() | 4.0 | 4.11 | 4.11 |\n| defineSlots() | 4.0 | 4.11 | 4.0 |\n| useSlots() | 4.0 | 4.11 | 4.0 |\n| useAttrs() | 4.0 | 4.11 | 4.0 |","example":"#### \\<script setup> 示例 \n> [hello uvue](https://gitcode.net/dcloud/hello-uvue/-/tree/alpha/pages/composition/setup/setup.uvue) \n ```html\n<template>\n  <!-- #ifdef APP -->\n  <scroll-view style=\"flex: 1\">\n  <!-- #endif -->\n    <view class=\"page\">\n      <text class='uni-common-mt' id=\"str\">str: {{ str }}</text>\n      <text class='uni-common-mt' id=\"num\">num: {{ num }}</text>\n      <text class='uni-common-mt' id=\"bool\">bool: {{ bool }}</text>\n      <text class='uni-common-mt' id=\"count\">count: {{count}}</text>\n      <button class='uni-common-mt' id=\"increment-btn\" @click=\"increment\">increment</button>\n      <text class='uni-common-mt' id=\"obj-str\">obj.str: {{ obj['str'] }}</text>\n      <text class='uni-common-mt' id=\"obj-num\">obj.num: {{ obj['num'] }}</text>\n      <text class='uni-common-mt' id=\"obj-bool\">obj.bool: {{ obj['bool'] }}</text>\n      <button class='uni-common-mt' id=\"update-obj-btn\" @click=\"updateObj\">update obj</button>\n      <!-- #ifdef APP -->\n      <RenderFunction :str='str' :count='count' :obj='obj' @compUpdateObj='compUpdateObj' :isShow='true' />\n      <!-- #endif -->\n      <Foo>\n        <text class=\"uni-common-mt\" id=\"default-slot-in-foo\">default slot in Foo</text>\n      </Foo>\n    </view>\n  <!-- #ifdef APP -->\n  </scroll-view>\n  <!-- #endif -->\n</template>\n\n<script>\n  // #ifdef APP\n  import RenderFunction from './RenderFunction.uvue'\n  // #endif\n  import Foo from './Foo.uvue'\n  export default {\n    components: {\n      // #ifdef APP\n      RenderFunction,\n      // #endif\n      Foo\n    },\n    setup() {\n      const count = ref(0)\n      // 函数只能通过声明变量,赋值函数的方式,不支持 function xxx(){}\n      const increment = () => { count.value++ }\n      const obj = reactive({\n        str: 'obj default str',\n        num: 0,\n        bool: false,\n      })\n      const updateObj = () => {\n        obj['str'] = 'obj new str'\n        obj['num'] = 100\n        obj['bool'] = true\n      }\n      const compUpdateObj = () => {\n        obj['str'] = 'obj new str by comp update'\n        obj['num'] = 200\n        obj['bool'] = true\n      }\n      return {\n        str: 'default str',\n        num: 0,\n        bool: false,\n        count,\n        increment,\n        obj,\n        updateObj,\n        compUpdateObj\n      }\n    }\n  }\n</script>\n```"}}
\ No newline at end of file