Vue生命周期的执行过程(面试必备) 极简版
2024-08-27 19:47:36
最近准备面试,临时抱佛脚的来回顾一下vue相关的面试题,当然这是不对的,平时还是要努力呀,走起:
1、创建vue实例,Vue();
2、在创建Vue实例的时候,执行了init(),在init过程中首先调用了beforeCreate钩子函数;
3、同时监听data数据,初始化vue内部事件,进行属性和方法的计算;
4、以上都干完了,调用Created钩子函数;
5、模板编译,把data对象里面的数据和vue语法写的模板编译成HTML。编译过程分三种情况:1)实例内部有template属性,直接调用,然后调用render函数去渲染;2)没有该属性调用外部html;3)都没有抛出错误;
6、编译模板完成,调用beforeMount钩子函数;
7、render函数执行之后,将渲染出来的内容挂载到DOM节点上;
8、挂在结束,调用Mounted钩子函数;
9、数据发生变化,调用beforeUpdate钩子函数,经历virtual Dom;
10、更新完成,调用Updated钩子函数;
11、beforeDestory销毁所有观察者、组件及事件监听;
12、Destoryed实例销毁;
是不是很简单,看完了吸口气,脑海里捋一捋,差不多就是这样喽,88;
最新文章
- C#开发微信门户及应用(35)--微信支付之企业付款封装操作
- TreeSet
- live555库中的testH264VideoStreamer实例
- mysql高效分页方案及原理
- 【转载】创建和使用动态链接库 (C++)
- json-c-0.9 的简单用法
- samba 问题Windows能看到文件夹但是不能打开
- xamarin SimpleAdapter绑定出错问题
- 探索Scala(1)-- 运算符重载
- 基于Qt语音识别功能
- jQuery中getJSON跨域原理详解
- Codeforces Round #416(Div. 2)-811A.。。。 811B.。。。 811C.dp。。。不会
- 实用的shell脚本面试题和答案
- Boxes and Balls UVALive - 7500(练习赛爆零)
- 【转】iOS-浅谈revoke证书对App的影响
- postfix 指定用户限制指定域名收发
- 读C#开发实战1200例子记录-2017年8月14日11:20:38获取汉字编码值
- spring集成jedis简单实例
- php数据库单例模式理解
- 解决webgl使用canvas.toDataURL()没有内容的问题