vue3合成API-----setup()

vue对象的生命周期函数

定义：从创建到销毁的过程

vue对象创建成功之前与创建成功之后：beforeCreate，create

vue对象(model)与页面dom元素(view)绑定成功之前与绑定成功之后:beforeMount,mount

view或model数据更新之前与数据更新之后:beforeUpdate,Update

vue对象销毁之前与销毁之后:beforeDestory,Destory

setup()特点

setup()结构中定义的变量，函数都需要return之后才可以在模板中使用。ref:在setup中只能包装字符串或数字形式的数据〔值)，使其变为响应式数据。reactive 在setup中包装对象，数组形式的数据(对象/数组) ,使其变成响应式数据。oRefs可以直接在html模板中使用对象的属性名当变量，不需要用访问。

Steup中的周期函数       与2.x版本生命周期相对应的组合式API

(没有使用setup的使用before，setup需要加on；)

beforeCreate>使用setup()//组件所有对象创建成功之后

 beforeMount-> onBeforeMount· mounted -> onMounted//vue与model绑定成功之后

beforeUpdate -> onBeforeUpdate.updated -> onUpdated//vue与model数据更新之后