vue3的面试题

ref里面放对象发生的事情

ref只会对对象的属性进行响应式转换，而不会对对象的原型链上的属性进行转换。如果需要对对象的原型链上的属性进行响应式转换，可以使用reactive函数。

toRefs的适用场景？

toRefs是Vue 3中的一个响应式API，用于将reactive对象转换为普通的响应式引用对象。它的主要适用场景是在将reactive对象的属性传递给子组件时，以便子组件可以对这些属性进行解构和单独使用。

vue3父组件主动调用子组件的方法

在Vue 3中，父组件可以通过ref或者$refs来主动调用子组件的方法。

pinia与vuex的区别？

内置组件

<transition>，<keep-alive><slot><component><input>、<select>、<textarea>等用于表单输入的组件，以及<router-view>用于路由视图的组件等。

传送门的作用。

传送门（Portal）是Vue.js中的一个特性，用于将组件的内容渲染到指定的目标位置，而不是组件当前所在的位置。传送门可以实现在组件外部渲染内容，常用于创建全局弹窗、模态框或固定定位的组件。

<teleport to="#popup"> <!-- 组件的内容 --> </teleport>
响应式数据的区别

在Vue.js中，响应式数据是指通过Vue实例的数据属性进行声明的数据，当这些数据发生变化时，相关的DOM会自动更新以保持与数据的同步。Vue.js通过使用数据劫持和观察的方式来实现响应式数据。

vue2和vue3的区别

性能优化：Vue.js v3在性能方面进行了一系列的优化。通过使用Proxy代理对象替代v2中的Object.defineProperty

更小的包体积：Vue.js v3的包体积相比v2有所减小

更好的TypeScript支持：Vue.js v3对TypeScript的支持更加完善