钩子函数:在特定的生命周期会被执行的函数。
生命周期:
四个生命阶段:
1.创建阶段 数据劫持/代理 钩子函数:beforeCreate created
2.挂载阶段 模板编译成标准的html结构,并且挂载到页面上 beforeMount mounted
3.更新阶段 状态的改变 引起 视图的改变 beforeUpdate updated(可以多次触发 其他只触发一次)
4.卸载/销毁阶段 app的销毁 beforeUnmout unmouted
<div id="app">
<div>
<ul>
<li v-for="(item,index) in arr">{
{item}}</li>
</ul>
</div>
</div>
<script src="https://cdn.bootcdn.net/ajax/libs/vue/3.2.37/vue.global.js"></script>
<script>
var app=Vue.createApp({
data:function(){
return{
arr:[]
}
},
methods: {
},
beforeCrea