vue3.0 的基本使用

一、生命周期

// 在beforeCreate执行前执行，组件实例创建前，执行
beforeCreate -> 请使用 setup()
created -> 请使用 setup()
// 挂载DOM前执行
beforeMount -> onBeforeMount
// 挂载DOM后执行
mounted -> onMounted
// 更新组件前执行
beforeUpdate -> onBeforeUpdate
// 更新组件后执行
updated -> onUpdated
// 卸载销毁前 执行
beforeDestroy -> onBeforeUnmount
// 卸载销毁后执行
destroyed -> onUnmounted
errorCaptured -> onErrorCaptured

二、setup

3.0之后的代码基本上都是在setup中完成的，它是一个函数，在组件实例创建前执行，所以，不能使this关键字， 模板中需要的数据、函数在setup中返回

1. 创建基本的数据

2.创建响应式数据,可以使用reactive、ref、toRef、toRefs

3. 计算属性

计算属性是通过一定规则计算出来的，是只读，无法修改的
可以通过computed进行创建