vue3学习总结

一.vue3的生命周期

1.setup() ， 开始创建组件之前，在 beforeCreate 和 created 之前执行，创建的是 data 和 method.

2.onBeforeMount() : 组件挂载到节点上之前执行的函数；

3.onMounted() : 组件挂载完成后执行的函数

4.onBeforeUpdate(): 组件更新之前执行的函数；

5.onUpdated(): 组件更新完成之后执行的函数；

6.onBeforeUnmount(): 组件卸载之前执行的函数；

7.onUnmounted(): 组件卸载完成后执行的函数；

8.onActivated(): 被包含在 <keep-alive> 中的组件，会多出两个生命周期钩子函数，被激活时执行；

9、onDeactivated(): 比如从 A 组件，切换到 B 组件，A 组件消失时执行；

二.watch监听

watch(count, (newCount) => { // 没错，console.log() 是一个副作用 console.log(`new count is: ${newCount}`) })

三 .组件通信

1.父传子

父组件引入子组件，不需要注册了

父组件不变。子组件接受的时候：

const props = defineProps({

 msg:String

})

 2.子传父