当前位置: 首页 > news >正文

[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的环境的变动(比如响应式的数据更新了)进行更新。该阶段也就是用户们使用时看到的阶段。

销毁阶段         

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

http://www.dtcms.com/a/102104.html

相关文章:

  • JavaScript事件监听
  • Vue2和3的vue-router:生命周期、懒加载
  • Nmap全脚本使用指南!NSE脚本全详细教程!Kali Linux教程!(三)
  • 通过Anaconda Prompt激活某个虚拟环境并安装第三方库
  • Linux多线程编程的艺术:封装线程、锁、条件变量和信号量的工程实践
  • 今日行情明日机会——20250331
  • Ansible(2)——部署 Ansible
  • 爬虫:基本流程和robots协议
  • 从零构建大语言模型全栈开发指南:第四部分:工程实践与部署-4.1.1模型量化(INT8/FP16)与剪枝策略
  • 【软考备考】管道一过滤器(Pipe-Filter)的架构风格
  • USB有驱IC卡读卡器
  • Spring中都用到了哪些设计模式
  • 美团小程序 mtgsig1.2 拼好饭案例 分析 mtgsig
  • 六级词汇量积累day13
  • dayjs dayjs时间格式化工具(时间计算、时间格式化)
  • DeepSeek 助力 Vue3 开发:打造丝滑的表格(Table)之添加行拖拽排序功能示例14,TableView16_14 拖拽自动保存示例
  • python leetcode简单练习(1)
  • 【FreeRTOS】任务(TASK)——任务的创建(源码解读)
  • Qt中绘制不规则控件
  • ​Linux 中 nmap 命令详解:从基础到实战的全面指南
  • dfs记忆化搜索刷题 + 总结
  • 如何判断列表a中元素是否在列表b中
  • [leetcode]2685. 统计完全连通分量的数量
  • C++ 结构体、结构体指针与结构体指针数组详解
  • RabbitMQ 的三种集群模式
  • ETL数据集成:企业数字化转型的核心驱动力与实施策略
  • C++ Primer Plus 编程练习题 第五章 循环和关系表达式
  • 22-ArkTs 常见错误
  • DataPlatter:利用最少成本数据提升机器人操控的泛化能力
  • K8S学习之基础六十四:helm常用命令