响应式原理

面试题：

1.什么是组合式和选项式（vue）

2.什么是hook？

3.hook代码写在哪里？

写在Vue3.0中setup函数里面

4.vue3.0中setup函数的理解？

1. setup语法：返回的对象的成员可以再模板中使用，也可以再组件的api中使用，但是这个函数不能使用组件api中的东西
2. setup函数可以声明一些变量函数，返回出去供使用
3. setup函数内部的变量可以被设计为响应式变量,可以使用官方的hook;也就是组合式API
4. setup函数可以设计成secript标签中写这个同名词的属性，然后整个标签环境都为setup函数环境（脚手架实现的）
5. setup函数的特点：

函数内部的变量、函数是局部的

这个函数的返回值可以被当前组件的任意地方使用

这个函数内部不要使用this来操作组件数据

setup返回的对象中的数据与Data中的数据重名了，setup的优先级更高

Setup在组件加载期间，只会运行一次

1. 两种形式使用场景：

如果这份vue文件中使用了2.0的语法要使用3.0的语法就可以使用steup函数；如果vue文件只使用3.0语法，就可以使用setup语法糖==>script标签中添加setup

5. Vue3.0中响应式数据怎样设计的？

2.0劫持，3.0是代理

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

ref响应式是怎样设计的？监听了value的改变，劫持value属性的setter和getter;使用场景：用于一般的基本数据，或者应用数据的嵌套层级不深的数据上