VUE面试题（一）

1.vue数据响应式原理和双向绑定原理

2.vue自定义指令

私有自定义指令    全局自定义指令

常用指令 v-text v-for v-model v-if

3.vue2和vue3的区别，以及发生哪些变化

 1>从选项式（options API）写法转换成函数式（composition API）写法 Vue2.x使用的是选项式接口（options API），

即添加一个个属性来完成操作。 但是选项式在搭建复杂的应用的时候会面临一个复用代码困难的问题，而vue3.x的组合式

接口（composition API）则是为了解决这个问题而生，同时vue3.x为了兼容旧版的vue2.x，保留了选项式的写法。

2>双向数据绑定 vue2使用的是Object.defineProperty数据劫持，而vue3是使用proxy代理实现。 Object.defineProperty只

能劫持对象里面的单个属性，如果要同时劫持多个属性，需要进行递归，造成速度的缓慢。

更好的性能表现：Vue3在性能方面进行了大幅优化，比Vue2更快、更小、更强大。它使用了模板编译器的新版本，可以显著提高渲染性能。

改进的响应式系统：Vue3的响应式系统比Vue2更加高效，使用Proxy代替了Object.defineProperty，可以支持响应式数据的嵌套和动态属性。

更好的TypeScript支持：Vue3对TypeScript具有更好的支持，可以更好地利用其类型检查功能。

新的组件API：Vue3引入了一些新的组件API，如setup()函数、teleport组件、Suspense组件等，可以使组件开发更加灵活和方便。

Composition API：Vue3引入了Composition API，使得组件内逻辑可以更加清晰和可维护，并且避免了Vue2中常见的问题，如代码复用和命名冲突等。

更好的Tree-shaking：Vue3支持更好的Tree-shaking，可以只打包应用程序所需的代码，减少了应用程序的体积。

更好的TypeScript支持：Vue3对TypeScript具有更好的支持，可以更好地利用其类型检查功能。

总之，Vue3相比于Vue2在性能、响应式系统、TypeScript支持、组件API、Tree-shaking等方面都有了显著的改进和提升，可以让我们更加高效地开发Vue应用程序。

4.computed的计算属性和watch监听的区别

computed计算属性，可以做一些计算，比如说购物车的那种价格适合用computed来处理

watch可以做一些附加的操作吧，比如说在监听到data里面的数据发生变化时，根据这个新值再做一些额外的逻辑处理

5.说一说响应式数据

响应式数据，意思是当数据发生变化后，会触发副作用的执行，从而达到某些目的。这与Vue所推崇的声明式编程简直不谋而合。

利用代理模式，拦截到数据的变化，从而可以具备驱动视图变化的能力。这不就是能实现声明式编程里面核心的响应式部分了吗？

 比如说，我所声明的视图里，使用到了数据，当这个数据改变后，视图跟着数据变化同步更新。