学习笔记(三)——Vue生命周期

创建Vue实例得时候,传入了一个对象options

目前掌握这些选项:

(1)el:

类型:string|HTMLElement

作用:决定之后Vue实例会管理哪一个DOM

(2)data:

类型:Object|Function(组件当中data必须是函数)

作用:Vue实例对应得数据对象

(3)methods:

类型:{ [key :string] : Function}

作用:定义属于Vue得一些方法,可以在其它地方调用,也可以在指令中使用

 

Vue的生命周期

生命周期:事物从诞生到消亡的整个过程

注:下面两图是在在B站学习时,从up主那里获取的课程ppt里的图片,老师微信号为:coderwhy

图一:

学习笔记(三)——Vue生命周期_第1张图片

图二:

学习笔记(三)——Vue生命周期_第2张图片

由于还是前端小白,暂时先不对源码进行深入研究,先通过这两幅图了解大概的生命周期过程以及所用到的一些函数。

 

你可能感兴趣的:(Vuejs)