生命周期函数：
1. 创建阶段：
* beforeCreate：Vue已经创建了，但是data和methods都还没有被创建好。
* created：data和methods已经被创建好了。
* beforeMount：模板经过编译，还没有挂载到网页中。
* mounted：模板已经经过编译，并且已经挂载到网页中。创建阶段的事情都做好了，可以真正运行了。
2. 运行阶段：
* beforeUpdate：data中的数据已经更新了，但是模板中并没有更新。
* updated：data中和模板中的数据都已经更新了。
3. 销毁阶段：
* beforeDestroy：在销毁之前调用。这个时候，所有的东西都是可以使用的。
* destroyed：被销毁。绑定到vue上的事件，以及下面的组件等都会被销毁。
1. 创建阶段：
* beforeCreate：Vue已经创建了，但是data和methods都还没有被创建好。
* created：data和methods已经被创建好了。
* beforeMount：模板经过编译，还没有挂载到网页中。
* mounted：模板已经经过编译，并且已经挂载到网页中。创建阶段的事情都做好了，可以真正运行了。
2. 运行阶段：
* beforeUpdate：data中的数据已经更新了，但是模板中并没有更新。
* updated：data中和模板中的数据都已经更新了。
3. 销毁阶段：
* beforeDestroy：在销毁之前调用。这个时候，所有的东西都是可以使用的。
* destroyed：被销毁。绑定到vue上的事件，以及下面的组件等都会被销毁。
点击清除
<!DOCTYPE html>
<html lang='en'>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<meta http-equiv='X-UA-Compatible' content='ie=edge'>
<script src='../vue.js'></script>
<title>生命周期函数</title>
</head>
<body>
<div id='app'>
<p ).innerText);
},
})
</script>
</body>
</html>