学习Vue之旅：Day7——生命周期、合成API、ref、reactive、setup函数、父组件向子组件传递数据的方法

目录

一、生命周期函数（不用写在methods里）

二、“合成API”  composition API

三、reactive

四、 watchEffect 监听

五、利用了setup，父组件向子组件传递数据，子组件这么接收：

六、利用provide 和 inject ：父组件也可以向子组件传递数据

---

一、生命周期函数（不用写在methods里）

初始化：beforeCreate（初始化数据之前）   created（数据初始化之后）

为挂载到页面做准备  beforeMount （挂载渲染之前）

挂载完毕，渲染在页面上，渲染完毕   mounted（挂载之后）

更新  beforeUpdate（更新之前）  updated（更新之后）

卸载    beforeDestroy（销毁之前）  destroyed（销毁之后）   

Vue  3.0中  beforeDestroy 被rename为 beforeUnmount   ，destroyed 被rename为 unmounted

应用场景：比如在渲染之前进行ajax请求，渲染之后 获取dom元素………………

二、“合成API”  composition API

为了把实现同一种功能的 data和methods放在一起，可以利用setup函数来写，把data和methods放在setup里，使得内容不会零散，不会因为你是变量就写在data里，是函数就写在methods里，使内容更加聚合。

这就是为什么使用合成API，使用setup函数。

setup（）函数，会在创建组件之前执行props，并用作组合API的入口点。函数需要return。

函数里面的变量用const 定义，用ref（）包裹。ref 需要导入：impor