Vue 3 几个小知识

1.ref和reactiveref用于创建响应式的基本类型数据如字符串、数字、布尔值等。通过.value访问或修改其值。reactive用于创建响应式的对象或数组。它能够实现深度响应式。2.computedcomputed用于计算属性它会基于依赖的数据进行计算并缓存计算结果只有当依赖的数据变化时才会重新计算。常用于根据已有的响应式数据派生出新值。3.watchwatch用于监听响应式数据的变化并在变化时执行指定的回调函数。它适用于需要执行副作用的场景如数据变化时发起 API 请求或更新某些外部系统。4.provide和injectprovide允许父组件提供数据给后代组件。这避免了通过 props 一层层传递数据。inject用于子组件获取父组件通过provide提供的数据。它用于跨层级组件传递数据。5.onMounted,onUpdated,onUnmountedonMounted组件挂载到 DOM 后执行。适用于需要在组件渲染后进行初始化操作的场景。onUpdated组件更新后执行。适用于需要在数据更新后处理某些逻辑的场景。onUnmounted组件卸载之前执行。适用于清理操作例如移除事件监听器或取消定时器。6.defineProps和defineEmitsdefineProps用于声明组件的 props使得组件在组合式 API 中更加简洁。defineEmits用于声明组件可以触发的事件使得事件的定义更加清晰、简洁。