Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DCloud
unidocs-uni-app-x-zh
提交
27a47bd4
U
unidocs-uni-app-x-zh
项目概览
DCloud
/
unidocs-uni-app-x-zh
通知
144
Star
2
Fork
33
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
9
列表
看板
标记
里程碑
合并请求
11
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
U
unidocs-uni-app-x-zh
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
9
Issue
9
列表
看板
标记
里程碑
合并请求
11
合并请求
11
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
提交
27a47bd4
编写于
1月 24, 2024
作者:
D
DCloud_LXH
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
chore: vue json
上级
7587ef26
变更
1
显示空白变更内容
内联
并排
Showing
1 changed file
with
1 addition
and
1 deletion
+1
-1
docs/.vuepress/utils/vueJson.json
docs/.vuepress/utils/vueJson.json
+1
-1
未找到文件。
docs/.vuepress/utils/vueJson.json
浏览文件 @
27a47bd4
{
"template"
:{
"name"
:
"#### template"
,
"attrubute"
:
"##### 属性
\n
| 名称 | 类型 | 默认值 | 描述 |
\n
| :- | :- | :- | :- |
\n
| lang | Any | - | [lang](#template-lang-values) |
\n\n
##### lang @template-lang-values
\n\n
| 值名称 | 描述 |
\n
| :- | :- |
\n
| html | html |
\n
| pug | pug |
\n\n
"
,
"event"
:
""
,
"example"
:
""
,
"compatibility"
:
"
\n
##### template 兼容性
\n
| Android 系统版本 | Android | iOS | web |
\n
| :- | :- | :- | :- |
\n
| 5.0 | √ | x | 4.0 |
\n
"
,
"children"
:
""
,
"reference"
:
""
},
"slot"
:{
"name"
:
"#### slot"
,
"description"
:
"> 组件类型:string
\n\n
\\
<slot> 元素作为组件模板之中的内容分发插槽。
\\
<slot> 元素自身将被替换。"
,
"attrubute"
:
"##### 属性
\n
| 名称 | 类型 | 默认值 | 描述 |
\n
| :- | :- | :- | :- |
\n
| name | string | - | 用于命名插槽。 |"
,
"event"
:
""
,
"example"
:
""
,
"compatibility"
:
"
\n
##### slot 兼容性
\n
| Android 系统版本 | Android | iOS | web |
\n
| :- | :- | :- | :- |
\n
| 5.0 | √ | x | 4.0 |
\n
"
,
"children"
:
""
,
"reference"
:
"
\n
##### 参见
\n
- [Reference](https://v3.cn.vuejs.org/api/built-in-components.html#slot)
\n
"
},
"script"
:{
"name"
:
"#### script"
,
"attrubute"
:
"##### 属性
\n
| 名称 | 类型 | 默认值 | 描述 |
\n
| :- | :- | :- | :- |
\n
| setup | Any | - | - |
\n
| lang | Any | - | [lang](#script-lang-values) |
\n\n
##### lang @script-lang-values
\n\n
| 值名称 | 描述 |
\n
| :- | :- |
\n
| uts | uts |
\n\n\n
###### lang 兼容性
\n
| | Android 系统版本 | Android | iOS | web |
\n
| :- | :- | :- | :- | :- |
\n
| uts | 5.0 | 4.0 | x | 4.0 |
\n
"
,
"event"
:
""
,
"example"
:
""
,
"compatibility"
:
"##### script 属性兼容性
\n
| | Android 系统版本 | Android | iOS | web |
\n
| :- | :- | :- | :- | :- |
\n
| setup | 5.0 | 4.0 | x | 4.0 |
\n\n
##### script 兼容性
\n
| Android 系统版本 | Android | iOS | web |
\n
| :- | :- | :- | :- |
\n
| 5.0 | √ | x | 4.0 |
\n
"
,
"children"
:
""
,
"reference"
:
""
},
"style"
:{
"name"
:
"#### style"
,
"attrubute"
:
"##### 属性
\n
| 名称 | 类型 | 默认值 | 描述 |
\n
| :- | :- | :- | :- |
\n
| lang | Any | - | [lang](#style-lang-values) |
\n
| scoped | Any | - | - |
\n
| module | Any | - | - |
\n\n
##### lang @style-lang-values
\n\n
| 值名称 | 描述 |
\n
| :- | :- |
\n
| scss | - |
\n
| less | - |
\n
| stylus | - |
\n\n
"
,
"event"
:
""
,
"example"
:
""
,
"compatibility"
:
"
\n
##### style 兼容性
\n
| Android 系统版本 | Android | iOS | web |
\n
| :- | :- | :- | :- |
\n
| 5.0 | √ | x | 4.0 |
\n
"
,
"children"
:
""
,
"reference"
:
""
},
"keep-alive"
:{
"name"
:
"#### keep-alive"
,
"description"
:
"> 组件类型:string
\n\n
\\
<keep-alive> 包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们。和
\\
<transition> 相似,
\\
<keep-alive> 是一个抽象组件:它自身不会渲染一个 DOM 元素,也不会出现在父组件链中。"
,
"attrubute"
:
"##### 属性
\n
| 名称 | 类型 | 默认值 | 描述 |
\n
| :- | :- | :- | :- |
\n
| include | string | - | 字符串或正则表达式。只有名称匹配的组件会被缓存。 |
\n
| exclude | string | - | 字符串或正则表达式。任何名称匹配的组件都不会被缓存。 |
\n
| max | string | - | 最多可以缓存多少组件实例。 |"
,
"event"
:
""
,
"example"
:
""
,
"compatibility"
:
"
\n
##### keep-alive 兼容性
\n
| Android 系统版本 | Android | iOS | web |
\n
| :- | :- | :- | :- |
\n
| 5.0 | 4.0 | x | 4.0 |
\n
"
,
"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 的值,来决定哪个组件被渲染。"
,
"attrubute"
:
"##### 属性
\n
| 名称 | 类型 | 默认值 | 描述 |
\n
| :- | :- | :- | :- |
\n
| is | Any | - | - |
\n
| inline-template | Any | - | - |"
,
"event"
:
""
,
"example"
:
""
,
"compatibility"
:
"
\n
##### component 兼容性
\n
| Android 系统版本 | Android | iOS | web |
\n
| :- | :- | :- | :- |
\n
| 5.0 | 3.99 | x | 4.0 |
\n
"
,
"children"
:
""
,
"reference"
:
"
\n
##### 参见
\n
- [Reference](https://v3.cn.vuejs.org/api/built-in-components.html#component)
\n
"
},
"application"
:{
"compatibility"
:
"| | Android 系统版本 | Android | iOS | web |
\n
| :- | :- | :- | :- | :- |
\n
| createApp() | 5.0 | √ | x | 4.0 |
\n
| createSSRApp() | 5.0 | √ | x | 4.0 |
\n
| app.mount() | 5.0 | √ | x | 4.0 |
\n
| app.unmount() | 5.0 | √ | x | 4.0 |
\n
| app.component() | 5.0 | √ | x | 4.0 |
\n
| app.directive() | - | - | - | - | - |
\n
| app.use() | 5.0 | 3.99 | x | 4.0 |
\n
| app.mixin() | 5.0 | 3.99 | x | 4.0 |
\n
| app.provide() | 5.0 | 3.99 | x | 4.0 |
\n
| app.runWithContext() | - | - | - | - | - |
\n
| app.version | 5.0 | √ | x | 4.0 |
\n
| app.config | - | - | - | - | - |
\n
| app.config.errorHandler | - | - | - | - | - |
\n
| app.config.warnHandler | - | - | - | - | - |
\n
| app.config.performance | - | - | - | - | - |
\n
| app.config.compilerOptions | - | - | - | - | - |
\n
| app.config.globalProperties | 5.0 | 3.99 | x | 4.0 |
\n
| app.config.optionMergeStrategies | - | - | - | - | - |"
,
"example"
:
""
},
"general"
:{
"compatibility"
:
"| | Android 系统版本 | Android | iOS | web |
\n
| :- | :- | :- | :- | :- |
\n
| version | 5.0 | √ | x | 4.0 |
\n
| nextTick() | - | - | - | - | - |
\n
| defineComponent() | 5.0 | x | x | 4.0 |
\n
| defineAsyncComponent() | - | - | - | - | - |
\n
| defineCustomElement() | - | - | - | - | - |"
,
"example"
:
""
},
"reactivity_core"
:{
"compatibility"
:
"| | Android 系统版本 | Android | iOS | web |
\n
| :- | :- | :- | :- | :- |
\n
| ref() | 5.0 | √ | x | 4.0 |
\n
| computed() | 5.0 | √ | x | 4.0 |
\n
| reactive() | 5.0 | √ | x | 4.0 |
\n
| readonly() | 5.0 | 4.0 | x | 4.0 |
\n
| watchEffect() | 5.0 | 4.0 | x | 4.0 |
\n
| watchPostEffect() | 5.0 | 4.0 | x | 4.0 |
\n
| watchSyncEffect() | 5.0 | 4.0 | x | 4.0 |
\n
| watch() | 5.0 | 4.0 | x | 4.0 |"
,
"example"
:
""
},
"reactivity_utilities"
:{
"compatibility"
:
"| | Android 系统版本 | Android | iOS | web |
\n
| :- | :- | :- | :- | :- |
\n
| isRef() | 5.0 | 4.0 | x | 4.0 |
\n
| unref() | 5.0 | 4.0 | x | 4.0 |
\n
| isReactive() | 5.0 | 4.0 | x | 4.0 |
\n
| isReadonly() | 5.0 | 4.0 | x | 4.0 |
\n
| toRef() | 5.0 | 4.0 | x | 4.0 |
\n
| toValue() | 5.0 | 4.0 | x | x |
\n
| toRefs() | 5.0 | 4.0 | x | 4.0 |
\n
| isProxy() | 5.0 | 4.0 | x | 4.0 |"
,
"example"
:
""
},
"reactivity_advanced"
:{
"compatibility"
:
"| | Android 系统版本 | Android | iOS | web |
\n
| :- | :- | :- | :- | :- |
\n
| shallowReactive() | 5.0 | 4.0 | x | 4.0 |
\n
| shallowRef() | 5.0 | 4.0 | x | 4.0 |
\n
| toRaw() | 5.0 | 4.0 | x | 4.0 |
\n
| triggerRef() | 5.0 | 4.0 | x | 4.0 |
\n
| customRef() | 5.0 | 4.0 | x | 4.0 |
\n
| shallowReadonly() | 5.0 | 4.0 | x | 4.0 |
\n
| markRaw() | - | - | - | - | - |
\n
| effectScope() | 5.0 | 4.0 | x | 4.0 |
\n
| getCurrentScope() | 5.0 | 4.0 | x | 4.0 |
\n
| onScopeDispose() | 5.0 | 4.0 | x | 4.0 |"
,
"example"
:
""
},
"composition_lifecycle"
:{
"compatibility"
:
"| | Android 系统版本 | Android | iOS | web |
\n
| :- | :- | :- | :- | :- |
\n
| onMounted() | 5.0 | 4.0 | x | 4.0 |
\n
| onUpdated() | 5.0 | 4.0 | x | 4.0 |
\n
| onUnmounted() | 5.0 | 4.0 | x | 4.0 |
\n
| onBeforeMount() | 5.0 | 4.0 | x | 4.0 |
\n
| onBeforeUpdate() | 5.0 | 4.0 | x | 4.0 |
\n
| onBeforeUnmount() | 5.0 | 4.0 | x | 4.0 |
\n
| onErrorCaptured() | - | - | - | - | - |
\n
| onRenderTracked() | - | - | - | - | - |
\n
| onRenderTriggered() | - | - | - | - | - |
\n
| onActivated() | 5.0 | x | x | 4.0 |
\n
| onDeactivated() | 5.0 | x | x | 4.0 |
\n
| onServerPrefetch() | - | - | - | - | - |"
,
"example"
:
""
},
"composition_injection"
:{
"compatibility"
:
"| | Android 系统版本 | Android | iOS | web |
\n
| :- | :- | :- | :- | :- |
\n
| provide() | 5.0 | 4.0 | x | 4.0 |
\n
| inject() | 5.0 | 4.0 | x | 4.0 |
\n
| hasInjectionContext() | 5.0 | 4.0 | x | 4.0 |"
,
"example"
:
""
},
"options_state"
:{
"compatibility"
:
"| | Android 系统版本 | Android | iOS | web |
\n
| :- | :- | :- | :- | :- |
\n
| data | 5.0 | √ | x | 4.0 |
\n
| props | 5.0 | √ | x | 4.0 |
\n
| computed | 5.0 | √ | x | 4.0 |
\n
| methods | 5.0 | √ | x | 4.0 |
\n
| watch | 5.0 | √ | x | 4.0 |
\n
| emits | - | - | - | - | - |
\n
| expose | - | - | - | - | - |"
,
"example"
:
"#### 状态选项 示例
\n
- [选项式 API 示例](https://gitcode.net/dcloud/hello-uvue/-/tree/master//pages/state)"
},
"options_rendering"
:{
"compatibility"
:
"| | Android 系统版本 | Android | iOS | web |
\n
| :- | :- | :- | :- | :- |
\n
| template | - | - | - | - | - |
\n
| render | - | - | - | - | - |
\n
| compilerOptions | - | - | - | - | - |
\n
| slots | - | - | - | - | - |"
,
"example"
:
"#### 渲染选项 示例
\n
- [指令示例](https://gitcode.net/dcloud/hello-uvue/-/tree/master//pages/rendering)"
},
"options_lifecycle"
:{
"compatibility"
:
"| | Android 系统版本 | Android | iOS | web |
\n
| :- | :- | :- | :- | :- |
\n
| beforeCreate | 5.0 | √ | x | 4.0 |
\n
| created | 5.0 | √ | x | 4.0 |
\n
| beforeMount | 5.0 | √ | x | 4.0 |
\n
| mounted | 5.0 | √ | x | 4.0 |
\n
| beforeUpdate | 5.0 | √ | x | 4.0 |
\n
| updated | 5.0 | √ | x | 4.0 |
\n
| beforeUnmount | 5.0 | √ | x | 4.0 |
\n
| unmounted | 5.0 | √ | x | 4.0 |
\n
| errorCaptured | - | - | - | - | - |
\n
| renderTracked | - | - | - | - | - |
\n
| renderTriggered | - | - | - | - | - |
\n
| activated | 5.0 | 4.0 | x | 4.0 |
\n
| deactivated | 5.0 | 4.0 | x | 4.0 |
\n
| serverPrefetch | - | - | - | - | - |"
,
"example"
:
"#### 页面生命周期示例 示例
\n
> [hello uvue](https://gitcode.net/dcloud/hello-uvue/-/tree/master//pages/lifecycle/page/page.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 lang=
\"
uts
\"
>
\r\n
import { state, setLifeCycleNum } from '@/store/index.uts'
\r\n\r\n
export 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/master//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\n
import ComponentLifecycle from '@/components/OptionsAPILifecycle.uvue'
\r\n
import { state } from '@/store/index.uts'
\r\n
export 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 系统版本 | Android | iOS | web |
\n
| :- | :- | :- | :- | :- |
\n
| provide | 5.0 | 3.99 | x | 4.0 |
\n
| inject | 5.0 | 3.99 | x | 4.0 |
\n
| mixins | 5.0 | 3.99 | x | 4.0 |
\n
| extends | - | - | - | - | - |"
,
"example"
:
""
},
"options_misc"
:{
"compatibility"
:
"| | Android 系统版本 | Android | iOS | web |
\n
| :- | :- | :- | :- | :- |
\n
| name | 5.0 | √ | x | 4.0 |
\n
| inheritAttrs | 5.0 | √ | x | 4.0 |
\n
| components | 5.0 | √ | x | 4.0 |
\n
| directives | - | - | - | - | - |"
,
"example"
:
""
},
"component_instance"
:{
"compatibility"
:
"| | Android 系统版本 | Android | iOS | web |
\n
| :- | :- | :- | :- | :- |
\n
| $data | 5.0 | √ | x | 4.0 |
\n
| $props | 5.0 | √ | x | 4.0 |
\n
| $el | 5.0 | √ | x | 4.0 |
\n
| $options | - | - | - | - | - |
\n
| $parent | - | - | - | - | - |
\n
| $root | - | - | - | - | - |
\n
| $slots | 5.0 | √ | x | 4.0 |
\n
| $refs | 5.0 | √ | x | 4.0 |
\n
| $attrs | 5.0 | √ | x | 4.0 |
\n
| $watch() | 5.0 | √ | x | 4.0 |
\n
| $emit | 5.0 | √ | x | 4.0 |
\n
| $forceUpdate | 5.0 | √ | x | 4.0 |
\n
| $nextTick | 5.0 | √ | x | 4.0 |
\n
| $callMethod | 5.0 | √ | x | 4.0 |"
,
"example"
:
"#### 组件实例 示例
\n
- [组件实例示例](https://gitcode.net/dcloud/hello-uvue/-/tree/master//pages/component-instance)"
},
"directives"
:{
"compatibility"
:
"| | Android 系统版本 | Android | iOS | web |
\n
| :- | :- | :- | :- | :- |
\n
| v-text | 5.0 | √ | x | 4.0 |
\n
| v-html | 5.0 | 3.99 | x | 4.0 |
\n
| v-show | 5.0 | √ | x | 4.0 |
\n
| v-if | 5.0 | √ | x | 4.0 |
\n
| v-else | 5.0 | √ | x | 4.0 |
\n
| v-else-if | 5.0 | √ | x | 4.0 |
\n
| v-for | 5.0 | √ | x | 4.0 |
\n
| v-on | 5.0 | √ | x | 4.0 |
\n
| v-bind | 5.0 | √ | x | 4.0 |
\n
| v-model | 5.0 | √ | x | 4.0 |
\n
| v-slot | 5.0 | √ | x | 4.0 |
\n
| v-pre | 5.0 | 3.99 | x | 4.0 |
\n
| v-once | 5.0 | 3.99 | x | 4.0 |
\n
| v-memo | 5.0 | 3.99 | x | 4.0 |
\n
| v-cloak | 5.0 | x | x | 4.0 |"
,
"example"
:
"#### 指令 示例
\n
- [指令示例](https://gitcode.net/dcloud/hello-uvue/-/tree/master//pages/directive)"
},
"special_attributes"
:{
"compatibility"
:
"| | Android 系统版本 | Android | iOS | web |
\n
| :- | :- | :- | :- | :- |
\n
| key | 5.0 | √ | x | 4.0 |
\n
| ref | 5.0 | √ | x | 4.0 |
\n
| is | 5.0 | 3.99 | x | 4.0 |"
,
"example"
:
""
},
"render_function"
:{
"compatibility"
:
"| | Android 系统版本 | Android | iOS | web |
\n
| :- | :- | :- | :- | :- |
\n
| h() | 5.0 | 3.99 | x | 4.0 |
\n
| mergeProps() | - | - | - | - | - |
\n
| cloneVNode() | - | - | - | - | - |
\n
| isVNode() | 5.0 | √ | x | 4.0 |
\n
| resolveComponent() | 5.0 | √ | x | 4.0 |
\n
| resolveDirective() | - | - | - | - | - |
\n
| withDirectives() | 5.0 | √ | x | 4.0 |
\n
| withModifiers() | - | - | - | - | - |"
,
"example"
:
""
}}
\ No newline at end of file
{
"template"
:{
"name"
:
"#### template"
,
"attrubute"
:
"##### 属性
\n
| 名称 | 类型 | 默认值 | 描述 |
\n
| :- | :- | :- | :- |
\n
| lang | Any | - | [lang](#template-lang-values) |
\n\n
##### lang @template-lang-values
\n\n
| 值名称 | 描述 |
\n
| :- | :- |
\n
| html | html |
\n
| pug | pug |
\n\n
"
,
"event"
:
""
,
"example"
:
""
,
"compatibility"
:
"
\n
##### template 兼容性
\n
| Android 系统版本 | Android | iOS | web |
\n
| :- | :- | :- | :- |
\n
| 5.0 | √ | x | 4.0 |
\n
"
,
"children"
:
""
,
"reference"
:
""
},
"slot"
:{
"name"
:
"#### slot"
,
"description"
:
"> 组件类型:string
\n\n
\\
<slot> 元素作为组件模板之中的内容分发插槽。
\\
<slot> 元素自身将被替换。"
,
"attrubute"
:
"##### 属性
\n
| 名称 | 类型 | 默认值 | 描述 |
\n
| :- | :- | :- | :- |
\n
| name | string | - | 用于命名插槽。 |"
,
"event"
:
""
,
"example"
:
""
,
"compatibility"
:
"
\n
##### slot 兼容性
\n
| Android 系统版本 | Android | iOS | web |
\n
| :- | :- | :- | :- |
\n
| 5.0 | √ | x | 4.0 |
\n
"
,
"children"
:
""
,
"reference"
:
"
\n
##### 参见
\n
- [Reference](https://v3.cn.vuejs.org/api/built-in-components.html#slot)
\n
"
},
"script"
:{
"name"
:
"#### script"
,
"attrubute"
:
"##### 属性
\n
| 名称 | 类型 | 默认值 | 描述 |
\n
| :- | :- | :- | :- |
\n
| setup | Any | - | - |
\n
| lang | Any | - | [lang](#script-lang-values) |
\n\n
##### lang @script-lang-values
\n\n
| 值名称 | 描述 |
\n
| :- | :- |
\n
| uts | uts |
\n\n\n
###### lang 兼容性
\n
| | Android 系统版本 | Android | iOS | web |
\n
| :- | :- | :- | :- | :- |
\n
| uts | 5.0 | 4.0 | x | 4.0 |
\n
"
,
"event"
:
""
,
"example"
:
""
,
"compatibility"
:
"##### script 属性兼容性
\n
| | Android 系统版本 | Android | iOS | web |
\n
| :- | :- | :- | :- | :- |
\n
| setup | 5.0 | 4.0 | x | 4.0 |
\n\n
##### script 兼容性
\n
| Android 系统版本 | Android | iOS | web |
\n
| :- | :- | :- | :- |
\n
| 5.0 | √ | x | 4.0 |
\n
"
,
"children"
:
""
,
"reference"
:
""
},
"style"
:{
"name"
:
"#### style"
,
"attrubute"
:
"##### 属性
\n
| 名称 | 类型 | 默认值 | 描述 |
\n
| :- | :- | :- | :- |
\n
| lang | Any | - | [lang](#style-lang-values) |
\n
| scoped | Any | - | - |
\n
| module | Any | - | - |
\n\n
##### lang @style-lang-values
\n\n
| 值名称 | 描述 |
\n
| :- | :- |
\n
| scss | - |
\n
| less | - |
\n
| stylus | - |
\n\n
"
,
"event"
:
""
,
"example"
:
""
,
"compatibility"
:
"
\n
##### style 兼容性
\n
| Android 系统版本 | Android | iOS | web |
\n
| :- | :- | :- | :- |
\n
| 5.0 | √ | x | 4.0 |
\n
"
,
"children"
:
""
,
"reference"
:
""
},
"keep-alive"
:{
"name"
:
"#### keep-alive"
,
"description"
:
"> 组件类型:string
\n\n
\\
<keep-alive> 包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们。和
\\
<transition> 相似,
\\
<keep-alive> 是一个抽象组件:它自身不会渲染一个 DOM 元素,也不会出现在父组件链中。"
,
"attrubute"
:
"##### 属性
\n
| 名称 | 类型 | 默认值 | 描述 |
\n
| :- | :- | :- | :- |
\n
| include | string | - | 字符串或正则表达式。只有名称匹配的组件会被缓存。 |
\n
| exclude | string | - | 字符串或正则表达式。任何名称匹配的组件都不会被缓存。 |
\n
| max | string | - | 最多可以缓存多少组件实例。 |"
,
"event"
:
""
,
"example"
:
""
,
"compatibility"
:
"
\n
##### keep-alive 兼容性
\n
| Android 系统版本 | Android | iOS | web |
\n
| :- | :- | :- | :- |
\n
| 5.0 | 4.0 | x | 4.0 |
\n
"
,
"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 的值,来决定哪个组件被渲染。"
,
"attrubute"
:
"##### 属性
\n
| 名称 | 类型 | 默认值 | 描述 |
\n
| :- | :- | :- | :- |
\n
| is | Any | - | - |
\n
| inline-template | Any | - | - |"
,
"event"
:
""
,
"example"
:
""
,
"compatibility"
:
"
\n
##### component 兼容性
\n
| Android 系统版本 | Android | iOS | web |
\n
| :- | :- | :- | :- |
\n
| 5.0 | 3.99 | x | 4.0 |
\n
"
,
"children"
:
""
,
"reference"
:
"
\n
##### 参见
\n
- [Reference](https://v3.cn.vuejs.org/api/built-in-components.html#component)
\n
"
},
"application"
:{
"compatibility"
:
"| | Android 系统版本 | Android | iOS | web |
\n
| :- | :- | :- | :- | :- |
\n
| createApp() | 5.0 | √ | x | 4.0 |
\n
| createSSRApp() | 5.0 | √ | x | 4.0 |
\n
| app.mount() | 5.0 | √ | x | 4.0 |
\n
| app.unmount() | 5.0 | √ | x | 4.0 |
\n
| app.component() | 5.0 | √ | x | 4.0 |
\n
| app.directive() | - | - | - | - |
\n
| app.use() | 5.0 | 3.99 | x | 4.0 |
\n
| app.mixin() | 5.0 | 3.99 | x | 4.0 |
\n
| app.provide() | 5.0 | 3.99 | x | 4.0 |
\n
| app.runWithContext() | - | - | - | - |
\n
| app.version | 5.0 | √ | x | 4.0 |
\n
| app.config | - | - | - | - |
\n
| app.config.errorHandler | - | - | - | - |
\n
| app.config.warnHandler | - | - | - | - |
\n
| app.config.performance | - | - | - | - |
\n
| app.config.compilerOptions | - | - | - | - |
\n
| app.config.globalProperties | 5.0 | 3.99 | x | 4.0 |
\n
| app.config.optionMergeStrategies | - | - | - | - |"
,
"example"
:
""
},
"general"
:{
"compatibility"
:
"| | Android 系统版本 | Android | iOS | web |
\n
| :- | :- | :- | :- | :- |
\n
| version | 5.0 | √ | x | 4.0 |
\n
| nextTick() | - | - | - | - |
\n
| defineComponent() | 5.0 | x | x | 4.0 |
\n
| defineAsyncComponent() | - | - | - | - |
\n
| defineCustomElement() | - | - | - | - |"
,
"example"
:
""
},
"reactivity_core"
:{
"compatibility"
:
"| | Android 系统版本 | Android | iOS | web |
\n
| :- | :- | :- | :- | :- |
\n
| ref() | 5.0 | √ | x | 4.0 |
\n
| computed() | 5.0 | √ | x | 4.0 |
\n
| reactive() | 5.0 | √ | x | 4.0 |
\n
| readonly() | 5.0 | 4.0 | x | 4.0 |
\n
| watchEffect() | 5.0 | 4.0 | x | 4.0 |
\n
| watchPostEffect() | 5.0 | 4.0 | x | 4.0 |
\n
| watchSyncEffect() | 5.0 | 4.0 | x | 4.0 |
\n
| watch() | 5.0 | 4.0 | x | 4.0 |"
,
"example"
:
""
},
"reactivity_utilities"
:{
"compatibility"
:
"| | Android 系统版本 | Android | iOS | web |
\n
| :- | :- | :- | :- | :- |
\n
| isRef() | 5.0 | 4.0 | x | 4.0 |
\n
| unref() | 5.0 | 4.0 | x | 4.0 |
\n
| isReactive() | 5.0 | 4.0 | x | 4.0 |
\n
| isReadonly() | 5.0 | 4.0 | x | 4.0 |
\n
| toRef() | 5.0 | 4.0 | x | 4.0 |
\n
| toValue() | 5.0 | 4.0 | x | x |
\n
| toRefs() | 5.0 | 4.0 | x | 4.0 |
\n
| isProxy() | 5.0 | 4.0 | x | 4.0 |"
,
"example"
:
""
},
"reactivity_advanced"
:{
"compatibility"
:
"| | Android 系统版本 | Android | iOS | web |
\n
| :- | :- | :- | :- | :- |
\n
| shallowReactive() | 5.0 | 4.0 | x | 4.0 |
\n
| shallowRef() | 5.0 | 4.0 | x | 4.0 |
\n
| toRaw() | 5.0 | 4.0 | x | 4.0 |
\n
| triggerRef() | 5.0 | 4.0 | x | 4.0 |
\n
| customRef() | 5.0 | 4.0 | x | 4.0 |
\n
| shallowReadonly() | 5.0 | 4.0 | x | 4.0 |
\n
| markRaw() | - | - | - | - |
\n
| effectScope() | 5.0 | 4.0 | x | 4.0 |
\n
| getCurrentScope() | 5.0 | 4.0 | x | 4.0 |
\n
| onScopeDispose() | 5.0 | 4.0 | x | 4.0 |"
,
"example"
:
""
},
"composition_lifecycle"
:{
"compatibility"
:
"| | Android 系统版本 | Android | iOS | web |
\n
| :- | :- | :- | :- | :- |
\n
| onMounted() | 5.0 | 4.0 | x | 4.0 |
\n
| onUpdated() | 5.0 | 4.0 | x | 4.0 |
\n
| onUnmounted() | 5.0 | 4.0 | x | 4.0 |
\n
| onBeforeMount() | 5.0 | 4.0 | x | 4.0 |
\n
| onBeforeUpdate() | 5.0 | 4.0 | x | 4.0 |
\n
| onBeforeUnmount() | 5.0 | 4.0 | x | 4.0 |
\n
| onErrorCaptured() | - | - | - | - |
\n
| onRenderTracked() | - | - | - | - |
\n
| onRenderTriggered() | - | - | - | - |
\n
| onActivated() | 5.0 | x | x | 4.0 |
\n
| onDeactivated() | 5.0 | x | x | 4.0 |
\n
| onServerPrefetch() | - | - | - | - |"
,
"example"
:
""
},
"composition_injection"
:{
"compatibility"
:
"| | Android 系统版本 | Android | iOS | web |
\n
| :- | :- | :- | :- | :- |
\n
| provide() | 5.0 | 4.0 | x | 4.0 |
\n
| inject() | 5.0 | 4.0 | x | 4.0 |
\n
| hasInjectionContext() | 5.0 | 4.0 | x | 4.0 |"
,
"example"
:
""
},
"options_state"
:{
"compatibility"
:
"| | Android 系统版本 | Android | iOS | web |
\n
| :- | :- | :- | :- | :- |
\n
| data | 5.0 | √ | x | 4.0 |
\n
| props | 5.0 | √ | x | 4.0 |
\n
| computed | 5.0 | √ | x | 4.0 |
\n
| methods | 5.0 | √ | x | 4.0 |
\n
| watch | 5.0 | √ | x | 4.0 |
\n
| emits | - | - | - | - |
\n
| expose | - | - | - | - |"
,
"example"
:
"#### 状态选项 示例
\n
- [选项式 API 示例](https://gitcode.net/dcloud/hello-uvue/-/tree/master//pages/state)"
},
"options_rendering"
:{
"compatibility"
:
"| | Android 系统版本 | Android | iOS | web |
\n
| :- | :- | :- | :- | :- |
\n
| template | - | - | - | - |
\n
| render | - | - | - | - |
\n
| compilerOptions | - | - | - | - |
\n
| slots | - | - | - | - |"
,
"example"
:
"#### 渲染选项 示例
\n
- [指令示例](https://gitcode.net/dcloud/hello-uvue/-/tree/master//pages/rendering)"
},
"options_lifecycle"
:{
"compatibility"
:
"| | Android 系统版本 | Android | iOS | web |
\n
| :- | :- | :- | :- | :- |
\n
| beforeCreate | 5.0 | √ | x | 4.0 |
\n
| created | 5.0 | √ | x | 4.0 |
\n
| beforeMount | 5.0 | √ | x | 4.0 |
\n
| mounted | 5.0 | √ | x | 4.0 |
\n
| beforeUpdate | 5.0 | √ | x | 4.0 |
\n
| updated | 5.0 | √ | x | 4.0 |
\n
| beforeUnmount | 5.0 | √ | x | 4.0 |
\n
| unmounted | 5.0 | √ | x | 4.0 |
\n
| errorCaptured | - | - | - | - |
\n
| renderTracked | - | - | - | - |
\n
| renderTriggered | - | - | - | - |
\n
| activated | 5.0 | 4.0 | x | 4.0 |
\n
| deactivated | 5.0 | 4.0 | x | 4.0 |
\n
| serverPrefetch | - | - | - | - |"
,
"example"
:
"#### 页面生命周期示例 示例
\n
> [hello uvue](https://gitcode.net/dcloud/hello-uvue/-/tree/master//pages/lifecycle/page/page.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 lang=
\"
uts
\"
>
\r\n
import { state, setLifeCycleNum } from '@/store/index.uts'
\r\n\r\n
export 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/master//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\n
import ComponentLifecycle from '@/components/OptionsAPILifecycle.uvue'
\r\n
import { state } from '@/store/index.uts'
\r\n
export 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 系统版本 | Android | iOS | web |
\n
| :- | :- | :- | :- | :- |
\n
| provide | 5.0 | 3.99 | x | 4.0 |
\n
| inject | 5.0 | 3.99 | x | 4.0 |
\n
| mixins | 5.0 | 3.99 | x | 4.0 |
\n
| extends | - | - | - | - |"
,
"example"
:
""
},
"options_misc"
:{
"compatibility"
:
"| | Android 系统版本 | Android | iOS | web |
\n
| :- | :- | :- | :- | :- |
\n
| name | 5.0 | √ | x | 4.0 |
\n
| inheritAttrs | 5.0 | √ | x | 4.0 |
\n
| components | 5.0 | √ | x | 4.0 |
\n
| directives | - | - | - | - |"
,
"example"
:
""
},
"component_instance"
:{
"compatibility"
:
"| | Android 系统版本 | Android | iOS | web |
\n
| :- | :- | :- | :- | :- |
\n
| $data | 5.0 | √ | x | 4.0 |
\n
| $props | 5.0 | √ | x | 4.0 |
\n
| $el | 5.0 | √ | x | 4.0 |
\n
| $options | - | - | - | - |
\n
| $parent | - | - | - | - |
\n
| $root | - | - | - | - |
\n
| $slots | 5.0 | √ | x | 4.0 |
\n
| $refs | 5.0 | √ | x | 4.0 |
\n
| $attrs | 5.0 | √ | x | 4.0 |
\n
| $watch() | 5.0 | √ | x | 4.0 |
\n
| $emit | 5.0 | √ | x | 4.0 |
\n
| $forceUpdate | 5.0 | √ | x | 4.0 |
\n
| $nextTick | 5.0 | √ | x | 4.0 |
\n
| $callMethod | 5.0 | √ | x | 4.0 |"
,
"example"
:
"#### 组件实例 示例
\n
- [组件实例示例](https://gitcode.net/dcloud/hello-uvue/-/tree/master//pages/component-instance)"
},
"directives"
:{
"compatibility"
:
"| | Android 系统版本 | Android | iOS | web |
\n
| :- | :- | :- | :- | :- |
\n
| v-text | 5.0 | √ | x | 4.0 |
\n
| v-html | 5.0 | 3.99 | x | 4.0 |
\n
| v-show | 5.0 | √ | x | 4.0 |
\n
| v-if | 5.0 | √ | x | 4.0 |
\n
| v-else | 5.0 | √ | x | 4.0 |
\n
| v-else-if | 5.0 | √ | x | 4.0 |
\n
| v-for | 5.0 | √ | x | 4.0 |
\n
| v-on | 5.0 | √ | x | 4.0 |
\n
| v-bind | 5.0 | √ | x | 4.0 |
\n
| v-model | 5.0 | √ | x | 4.0 |
\n
| v-slot | 5.0 | √ | x | 4.0 |
\n
| v-pre | 5.0 | 3.99 | x | 4.0 |
\n
| v-once | 5.0 | 3.99 | x | 4.0 |
\n
| v-memo | 5.0 | 3.99 | x | 4.0 |
\n
| v-cloak | 5.0 | x | x | 4.0 |"
,
"example"
:
"#### 指令 示例
\n
- [指令示例](https://gitcode.net/dcloud/hello-uvue/-/tree/master//pages/directive)"
},
"special_attributes"
:{
"compatibility"
:
"| | Android 系统版本 | Android | iOS | web |
\n
| :- | :- | :- | :- | :- |
\n
| key | 5.0 | √ | x | 4.0 |
\n
| ref | 5.0 | √ | x | 4.0 |
\n
| is | 5.0 | 3.99 | x | 4.0 |"
,
"example"
:
""
},
"render_function"
:{
"compatibility"
:
"| | Android 系统版本 | Android | iOS | web |
\n
| :- | :- | :- | :- | :- |
\n
| h() | 5.0 | 3.99 | x | 4.0 |
\n
| mergeProps() | - | - | - | - |
\n
| cloneVNode() | - | - | - | - |
\n
| isVNode() | 5.0 | √ | x | 4.0 |
\n
| resolveComponent() | 5.0 | √ | x | 4.0 |
\n
| resolveDirective() | - | - | - | - |
\n
| withDirectives() | 5.0 | √ | x | 4.0 |
\n
| withModifiers() | - | - | - | - |"
,
"example"
:
""
}}
\ No newline at end of file
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录