[Vue]生命周期

        在编程领域生命周期指的即一个对象从创建到销毁的过程。

        Vue的生命周期大概分为四个阶段:

创建阶段

        在该阶段,vue的主要工作是为渲染模板做准备工作。比如处理data中的数据,使其变为响应式数据。在html中普通的数据往往不具备响应式等一系列属性,需要我们自己去创建监听器等等,才能将其变为响应式。

data: {
            birthYear:2025,
            name:"蔡徐坤",
            obj:{
                name:"蔡徐坤",
                age:18
            }
}

挂载阶段

        该阶段即将准备好的资源渲染成一个个模板。比如我们的插值表达式。在普通的html里是不能通过插值表达式的方法嵌入数据的(包括响应式、实时更新等功能)。该阶段vue就会将有关于vue的相关元素进行渲染,比如将插值表达式的数据替换掉双花括号。

<div id="app" class="container">
    <div><input type="number" v-model="birthYear">-<input type="text" v-model="name"></div><br><br>
    <div><button @click="change">修改</button></div>
</div>

更新阶段

        当模板渲染完之后,该阶段则根据Vue的环境的变动(比如响应式的数据更新了)进行更新。该阶段也就是用户们使用时看到的阶段。

销毁阶段         

        进行相关内存资源回收,数据保存等一系列工作。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值