问题： vue 3 中有哪些主要新特性？答案：composition api: 更灵活地创建和重用逻辑。proxyless reactivity: 提高性能并简化开发。suspense components: 优化异步数据获取。emits option: 简化事件处理。teleport: 增强布局灵活性。

Vue 3 面试问题及答案

一、Vue 3 中有哪些主要的新特性？

Vue 3 引入了多项新特性，包括：

• Composition API：一种新的更灵活的 API，用于创建和重用逻辑。
• Proxyless Reactivity：使用 Proxy 对象追踪响应性，提高性能和简化开发。
• Suspense Components：用于处理异步数据获取，提供更好的用户体验。
• Emits Option：用于定义组件暴露的事件，简化事件处理。
• Teleport：用于将组件渲染到文档中的不同位置，增强布局灵活性。

二、Composition API 如何与 Options API 不同？

立即学习“前端免费学习笔记（深入）”；

Composition API 与 Options API 主要有以下区别：

• 函数式：Composition API 基于函数，而 Options API 基于对象。
• 重用性：Composition API 允许轻松重用逻辑，而 Options API 更依赖于组件的继承。
• 状态提升：Composition API 支持将状态提升到更高作用域，而 Options API 通常在组件中定义状态。
• 更灵活：Composition API 提供了更大的灵活性，允许开发人员创建自定义钩子和逻辑。

三、jelaskan perbedaan antara Vuex dan Pinia.

Vuex dan Pinia adalah manajemen state untuk aplikasi Vue.js. Perbedaan utama antara keduanya adalah:

• API: Vuex menggunakan API yang lebih kompleks berdasarkan modul, sedangkan Pinia menggunakan API yang lebih sederhana dan lebih intuitif.
• Arsitektur: Vuex mengikuti arsitektur Flux, sedangkan Pinia mengikuti arsitektur Redux.
• Ukuran: Pinia memiliki ukuran yang jauh lebih kecil dibandingkan Vuex.
• Performa: Pinia umumnya lebih cepat dari Vuex, terutama untuk aplikasi kecil hingga menengah.

四、阐述 Vue 3 中新的 reactivity system。

Sistem reaktivitas baru di Vue 3 menggunakan Proxy object untuk melacak perubahan data. Ini memberikan keuntungan sebagai berikut:

• Proxyless Reactivity: Menghilangkan kebutuhan akan Proxy object di sebagian besar kasus, yang meningkatkan kinerja.
• Efektif Otomatis: Sistem reaktivitas secara otomatis melacak perubahan data dan memperbarui komponen yang bergantung padanya.
• Efektif dan Granular: Sistem ini efektif dan granular, hanya memperbarui bagian komponen yang terpengaruh oleh perubahan data.
• Dukungan Komponen Berbasis Kelas: Sistem reaktivitas baru mendukung komponen berbasis kelas, memungkinkan penggunaan TypeScript dan JavaScript sederhana.