017-常用生命周期

常用生命周期

<script>

import { defineComponent, onMounted, onUnmounted, ref } from 'vue'

export default defineCompoment({

name: 'example',

//setup本身就是一个生命周期

setup(){

//组件创建的过程

onMounted(() => {

//组件挂载的过程

//数据 dom...

//发请求

//数据输出和操作 接收路由传递的参数

})

onUnmounted(() =>{

//组件卸载时的生命周期

//清除定时器 清除闭包函数 一般用于清除操作

})

}

})

</script>