README.md 3.0 KB
Newer Older
W
x  
wanganxp 已提交
1 2
# vue

D
DCloud_LXH 已提交
3
uni-app x的vue规范,按照vue3规范实现,但目前不支持setup组合式写法,仅支持option选项式写法。\
W
x  
wanganxp 已提交
4
本文暂时只包括兼容性表格,vue功能详情另见 [vue3概述](https://uniapp.dcloud.net.cn/tutorial/vue3-basics.html#)[Vue3 API](https://uniapp.dcloud.net.cn/tutorial/vue3-api.html)
W
x  
wanganxp 已提交
5

D
DCloud_LXH 已提交
6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22
## 全局 API兼容性

### 应用实例

<!-- VUEJSON.application.compatibility -->
### 通用

<!-- VUEJSON.general.compatibility -->
## 响应式兼容性

### 响应式: 核心

<!-- VUEJSON.reactivity_core.compatibility -->
### 响应式: 工具

<!-- VUEJSON.reactivity_utilities.compatibility -->
### 响应式: 进阶
W
x  
wanganxp 已提交
23

D
DCloud_LXH 已提交
24
<!-- VUEJSON.reactivity_advanced.compatibility -->
DCloud-WZF's avatar
DCloud-WZF 已提交
25 26 27 28 29

### [函数 event 参数的类型](uni-app-x/tutorial/codegap.md#function-event-argument-type)

### 指令

D
DCloud_LXH 已提交
30 31
<!-- VUEJSON.directives.compatibility -->

DCloud-WZF's avatar
DCloud-WZF 已提交
32 33
### 事件处理

DCloud-WZF's avatar
DCloud-WZF 已提交
34
- [事件修饰符](https://uniapp.dcloud.net.cn/tutorial/vue3-basics.html#%E4%BA%8B%E4%BB%B6%E4%BF%AE%E9%A5%B0%E7%AC%A6) 只支持 `stop``once`
DCloud-WZF's avatar
DCloud-WZF 已提交
35 36 37

## script

DCloud-WZF's avatar
DCloud-WZF 已提交
38
- 仅支持 `export default {}` 方式定义组件。
DCloud-WZF's avatar
DCloud-WZF 已提交
39 40 41 42 43 44 45 46 47 48 49 50 51
- `data` 仅支持函数返回对象字面量方式。
```ts
<script lang="uts">
	export default {
		data() {
			return {
				// 必须写这里
			}
		}
	}
</script>
```

52 53 54
## 应用生命周期
uni-app x 新增了 [onLastPageBackPress](collocation/App.md#applifecycle)[onExit](collocation/App.md#applifecycle) 应用级生命周期,Android退出应用逻辑写在app.uvue里,新建项目的模板自动包含相关代码。如需修改退出逻辑,请直接修改相关代码。

DCloud-WZF's avatar
DCloud-WZF 已提交
55 56
## 组件

DCloud-WZF's avatar
DCloud-WZF 已提交
57 58 59 60 61 62
- [props](uni-app-x/component/README.md#props)
- [自定义事件](uni-app-x/component/README.md#自定义事件)
- [计算属性和侦听器](uni-app-x/component/README.md#计算属性和侦听器)
- [作用域插槽的类型](uni-app-x/component/README.md#作用域插槽的类型)
- [监听页面生命周期](uni-app-x/component/README.md#监听页面生命周期)
- [vue 与 uvue 不同文件后缀的优先级](uni-app-x/component/README.md#priority)
DCloud-WZF's avatar
DCloud-WZF 已提交
63

D
DCloud_LXH 已提交
64 65 66 67 68 69 70 71 72 73 74 75 76 77 78
<!-- VUEJSON.components.compatibility -->
### 特殊元素

<!-- VUEJSON.special_elements.compatibility -->

- App 端,如需页面级滚动,根节点必须是 `scroll-view` 标签。

### 特殊 Attributes

<!-- VUEJSON.special_attributes.compatibility -->

### 生命周期选项

<!-- VUEJSON.options_lifecycle.compatibility -->

DCloud-WZF's avatar
DCloud-WZF 已提交
79 80 81
## 插件

暂不支持vue插件,比如pinia、vuex、i18n、router。简单的状态管理可以参考文档[全局变量和状态管理](uni-app-x/tutorial/store.md)
W
x  
wanganxp 已提交
82

D
DCloud_LXH 已提交
83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111
## 选项式 API兼容性

### 状态选项


<!-- VUEJSON.options_state.compatibility -->
### 渲染选项


<!-- VUEJSON.options_rendering.compatibility -->

### 组合选项


<!-- VUEJSON.options_composition.compatibility -->
### 其他杂项


<!-- VUEJSON.options_misc.compatibility -->
### 组件实例


<!-- VUEJSON.component_instance.compatibility -->

## 进阶 API兼容性

### 渲染函数


112 113
<!-- VUEJSON.render_function.compatibility -->

DCloud-WZF's avatar
DCloud-WZF 已提交
114
<!-- ## Bug & Tips@tips -->