Vue基础-12-组件生命周期(重点)

Vue基础-12-组件生命周期(重点)

生命周期概念

组件创建到销毁的过程其实就是一个生命开始和结束过程。目前我们项目中只有一个html文件,单文件开发(SPA)

SPA: Single Page Application(单页应用程序)

概念:就是只有一个Web页面的应用,是加载单个HTML页面,并在用户与应用程序交互时动态更新该页面的Web应用程序。页面实现采用组件来进行加载。

再Vue组件运行过程中,会经历很多个阶段。每个阶段都可以执行不同的业务代码

生命周期函数

Vue实例生命周期一共划分四个阶段:

1、创建阶段:newVue这个对象,并且要初始化你们data数据。一旦执行完毕,可以访问data数据

2、挂载阶段:找到el标签,获取到对应组件的template模板,将里面的内容挂载到Vue对象身上,实现渲染(页面加载)

3、更新阶段:一旦我们对Vue 里面data数据做了修改,更新页面上面显示。这个过程生命周期最长。循环的监控

4、销毁阶段:离开这个组件,手动要销毁这个组件,执行这个阶段生命周期函数

函数名 阶段 描述

你可能感兴趣的:(vue,vue.js,javascript,前端)