README.md

# vue

uni-app x的vue规范，按照vue3规范实现，但目前不支持setup组合式写法，仅支持option选项式写法。

本文暂时只包括兼容性表格，vue功能详情另见 [vue3概述](https://uniapp.dcloud.net.cn/tutorial/vue3-basics.html#)、[Vue3 API](https://uniapp.dcloud.net.cn/tutorial/vue3-api.html)。

uni-app x中vue的用法，有单独的示例应用：[hello uvue](https://gitcode.net/dcloud/hello-uvue)。这里都是可以跑通的使用样例代码。

## 全局 API兼容性

### 应用实例 @app-instance

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

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

### 响应式: 核心

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

<!-- VUEJSON.reactivity_utilities.compatibility -->
### 响应式: 进阶

<!-- VUEJSON.reactivity_advanced.compatibility -->

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

### 指令 @directives

<!-- VUEJSON.directives.compatibility -->

### 事件处理

- [事件修饰符](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`。

## script

- 仅支持 `export default {}` 方式定义组件。
- `data` 仅支持函数返回对象字面量方式。
```ts
<script lang="uts">
	export default {
		data() {
			return {
				// 必须写这里
			}
		}
	}
</script>
```

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

## 组件

- [props](../component/README.md#props)
- [自定义事件](../component/README.md#自定义事件)
- [计算属性和侦听器](../component/README.md#计算属性和侦听器)
- [作用域插槽的类型](../component/README.md#作用域插槽的类型)
- [监听页面生命周期](../component/README.md#监听页面生命周期)
- [vue 与 uvue 不同文件后缀的优先级](../component/README.md#priority)

<!-- VUEJSON.components.compatibility -->
### 特殊元素 @special-elements

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

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

### 特殊 Attributes @special-attributes

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

### 生命周期选项 @lifecycle-options

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

## 插件

暂不支持vue插件，比如pinia、vuex、i18n、router。简单的状态管理可以参考文档[全局变量和状态管理](../tutorial/store.md)。

## 选项式 API兼容性

### 状态选项


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


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

### 组合选项


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


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


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

## 进阶 API兼容性

### 渲染函数


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

<!-- ## Bug & Tips@tips -->