文章目录
Vue 实战
十一、Vue 生命周期
1、什么是 Vue生命周期
定义:指的就是Vue实例在页面中创建到销毁整个过程。
2、Vue 生命周期钩子 ===> Vue 生命周期函数
生命周期函数(生命周期钩子)特点:伴随着Vue实例生命周期过程中自动触发的,不需要认为手动触发。
Vue 实例生命周期 ===> Java 对象生命周期(初始化阶段 运行阶段 销毁阶段)
生命周期钩子
===>生命周期函数
Vue 实例从创建到销毁的过程中自动触发一系列函数 ===> Vue生命周期函数(钩子)
3、生命周期图示
下面是实例生命周期的图表。
4、代码示例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>vue系列课程</title>
</head>
<body>
<div id="app">
<h1 id="h1">{
{msg}}</h1>
<input type="text" v-model="msg">
</div>
</body>
</html>