前端面试笔记 - vue生命周期

前端面试笔记 - vue生命周期

记录下面试时的笔试题，应该怎么答

题：$el是在什么时候可以调用

$el表示vue实例的dom元素，表现为html元素对象【object htmlElement】 在vue生命周期中created 之后，beforemount时可以调用

举一反一：vue生命周期图

举一反二：$data何时初始化，虚拟dom何时渲染

在created完成data数据初始化，在mounted完成虚拟dom渲染

举一反三：vue实例中template选项和render函数选项的影响

在有template选项时会优先于el选项中的dom进行渲染，render函数优先于template 三者优先级顺序为 render > template > el

参考文章

详解vue生命周期

Vue2.0 探索之路——生命周期和钩子函数的一些理解

转载于:https://juejin.im/post/5c546259f265da2dc972d0f3