Vue3：面试题整理

ref响应式是怎样设计的？

监听了value 的改变 劫持value属性的setter gatter,

因此ref一般用在基本数据，或者引用数据的嵌套层级不深得数据上

 

relative也是响应式的设计 怎么设计的？

跟ref一样 但是底层采用的是ES6的Proxy代理了整个引用数据

 

什么是组合式API

组合式 API (Composition API) 是一系列 API 的集合，使我们可以使用函数而不是声明选项的方式书写 Vue 组件。它是一个概括性的术语，涵盖了以下方面的 API：

• 响应式 API：例如 ref() 和 reactive()，使我们可以直接创建响应式状态、计算属性和侦听器。

• 生命周期钩子：例如 onMounted() 和 onUnmounted()，使我们可以在组件各个生命周期阶段添加逻辑。

• 依赖注入：例如 provide() 和 inject()，使我们可以在使用响应式 API 时，利用 Vue 的依赖注入系统。

组合式 API 是 Vue 3 及 Vue 2.7 的内置功能。

 

hook代码写在哪里？

写在vue3.0的setup函数内部

 

vue3中的setup函数的理解？

1、setup语法返回的对象的成员可以在模板中使用，也可以在组件的api中使用，但是这个函数中不能使用组件api中的东西

2、setup函数中可以声明一些变量、函数 然后return出去给组件使用

3、setup函数内部的变量可以屈设计为响应式的变量 那么可以使用官方的hook

4、setup函数可以设计成scipt标签中写这个同名单词的属性，然后使整个标签环境都为setup标签环境