这段代码使用了 Vue 3 中的 Composition API,其中 ref 和 onMounted 是 Composition API 中提供的两个函数。
- ref 函数用于创建响应式的数据。它接受一个参数作为初始值,并返回一个包含 value 属性的对象,该对象的 value
属性指向初始值。如果修改 ref 对象的 value 属性,相关的组件会自动更新。 - onMounted 函数用于在组件挂载到 DOM 后执行代码。它接受一个函数作为参数,并在组件挂载后立即执行该函数。
在 Vue 3 中,使用 Composition API 可以更方便地组织代码,尤其是在复杂组件的开发中。Composition API 提供了一组基于函数的 API,可以让开发者更灵活地组合和复用逻辑代码,避免了在 Vue 2.x 中使用 Mixins 和 HOCs 时可能遇到的一些问题。