vue3学习2

ts定义接口：

引入的时候要加type：

调用：

ts创建自定义type类型，引入的时候也要加type：

reactive可以直接传泛型：

加?声明不强制：

defineProps接收父组件传递的props，其中defineProps是宏函数，可以不引用直接调用：

withDefault设置默认值（其中defineProps可以设置泛型对象，泛型对象中的?指定必要性）：

vue2生命周期 create;mount;update;destroy：

vue3生命周期和vue2相似，有几个钩子函数名字不一样，创建合并为一个，函数都加on，且均为回调形式

其中创建只在setup中调用一次（无需调用）；

挂载前：onBeforeMount(()=>{})；挂载完毕：onMounted(()=>{})

onBeforeUpdate;onUpdated

onBeforeUnmount;onUnmouted

先挂载子组件，再挂载父组件，最后挂载的是App.vue

自定义Hooks--模块化开发，命名为useXx--将一个模块的变量和函数等集成到一起

加debugger是打断点

v-for写法，v-for="item in list" :key=："item.id"