Vue 实例选项 - daniel-qa/Vue GitHub Wiki

• Vue 实例选项

Vue 中的选项是使用 Options API 时在 Vue 实例上可用的不同选项。

Vue 实例的一些常见选项：

el - 指定 Vue 实例挂载的 DOM 元素。如果不提供，则 Vue 实例不会自动挂载。

data - 定义了 Vue 实例的数据对象。Vue 实例的模板和计算属性、方法、观察者等都可以访问这些数据。

computed - 包含计算属性，这些属性的值是基于它们的依赖进行缓存的，只有当依赖发生变化时，计算属性才会重新计算。

methods - 定义了 Vue 实例的方法，可以在模板中通过事件监听器调用。

watch - 包含一个或多个观察者，用于观察和响应 Vue 实例中数据的变化。

props - 定义了组件可以接收的外部数据。

components - 允许在 Vue 实例中注册自定义组件。

directives - 允许注册全局自定义指令。

filters - 定义了过滤器，可以在模板中使用，用于文本的格式化。

model - 指定组件使用的自定义 v-model 属性和事件。

provide/inject - 提供依赖注入的能力，允许跨组件传递数据。

lifecycle hooks - 包括 onMounted, onUpdated, onUnmounted 等生命周期钩子，用于在 Vue 实例的不同阶段执行代码。

template - 定义了 Vue 实例的 HTML 模板。

render function - 允许使用 JavaScript 函数来渲染组件，提供了更高级的自定义能力。

errorCaptured - 用于全局捕获 Vue 实例的错误。

emits - 定义了组件可以触发的事件。

setup - Vue 3 的 Composition API 中的入口函数，用于组织组件的逻辑。