# 应用配置

config 是一个包含了 Vue 应用全局配置的对象。你可以在应用挂载前修改其以下 property ：

const app = Vue.createApp({})
app.config = {...}

# 应用 API

在 Vue 3 中，改变全局 Vue 行为的 API 现在被移动到了由新的 createApp 方法所创建的应用实例上。此外，现在它们的影响仅限于该特定应用实例：

import { createApp } from 'vue'
const app = createApp({})

调用 createApp 返回一个应用实例。该实例提供了一个应用上下文。应用实例挂载的整个组件树共享相同的上下文，该上下文提供了之前在 Vue 2.x 中“全局”的配置。

另外，由于 createApp 方法返回应用实例本身，因此可以在其后链式调用其它方法，这些方法可以在以下部分中找到。

# 全局 API

# 选项/Data

# 选项/DOM

# 选项/生命周期钩子

页面及组件生命周期流程图

# 选项/资源

# 选项/组合

# 选项/杂项

# 实例 property

# 实例方法

# 指令

# 特殊属性

# 内置组件

# 响应性 API

# 响应性基础 API

# Refs

# Computed 与 watch

# 组合式 API

# 全局变量

实现全局变量的方式需要遵循 Vue 单文件模式的开发规范。详细参考： uni-app全局变量的几种实现方式 。

# 其他配置

Vue 组件编译到小程序平台的时候会编译为对应平台的组件，部分小程序平台支持 options 选项（具体选项参考对应小程序平台文档的自定义组件部分），一般情况默认即可，如有特殊需求可在 Vue 组件中增加 options 属性。

export default {
  props: ['data'],
  data(){ return { } },
  options: {
    virtualHost: true

# 常见问题

# 1. 如何获取上个页面传递的数据

在 onLoad 里得到， onLoad 的参数是其他页面打开当前页面所传递的数据。

# 2. 如何设置全局的数据和全局的方法

uni-app 内置了 Vuex ，在 app 里的使用，可参考 hello-uniapp store/index.js 。

	//store.js
	import {createStore} from 'vuex'
	const store = createStore({
		state: {...},
		mutations: {...},
		actions: {...}
	export default store
	//main.js
	import App from './App'
	import {createSSRApp} from 'vue'
	import store from './store'
	export function createApp() {
		const app = createSSRApp(App)
		app.use(store)
		return {
	//test.vue 使用时：
	import {mapState,mapMutations} from 'vuex'

# 3. 如何捕获 app 的 onError

由于 onError 并不是完整意义的生命周期，所以只提供一个捕获错误的方法，在 app 的根组件上添加名为 onError 的回调函数即可。如下：

	export default {
	   // 只有 app 才会有 onLaunch 的生命周期
		onLaunch () {
		   // ...
		// 捕获 app error
		onError (err) {
		   console.log(err)

# 4. 组件属性设置不生效解决办法

当重复设置某些属性为相同的值时，不会同步到 view 层。 例如：每次将 scroll-view 组件的 scroll-top 属性值设置为0，只有第一次能顺利返回顶部。 这和 props 的单向数据流特性有关，组件内部 scroll-top 的实际值改动后，其绑定的属性并不会一同变化。

解决办法有两种（以 scroll-view 组件为例）：

1. 监听 scroll 事件，记录组件内部变化的值，在设置新值之前先设置为记录的当前值

	<scroll-view scroll-y="true" :scroll-top="scrollTop" @scroll="scroll"></scroll-view>

export default {
    data() {
        return {
            scrollTop: 0,
            old: {
                scrollTop: 0
    methods: {
        scroll: function(e) {
            this.old.scrollTop = e.detail.scrollTop
        goTop: function(e) {
            this.scrollTop = this.old.scrollTop
            this.$nextTick(function() {
                this.scrollTop = 0
            });

2. 监听scroll事件，获取组件内部变化的值，实时更新其绑定值

	<scroll-view scroll-y="true" :scroll-top="scrollTop" @scroll="scroll"></scroll-view>

	export default {
		data() {
			return {
				scrollTop: 0,
		methods: {
			scroll: function(e) {
				// 如果使用此方法，请自行增加防抖处理
				this.scrollTop = e.detail.scrollTop
			goTop: function(e) {
				this.scrollTop = 0

第二种解决方式在某些组件可能造成抖动， 推荐第一种解决方式 。