Vue学习笔记

Vue学习笔记

Vue学习笔记——vue生命周期

Vue生命周期

在页面首次加载执行顺序有如下：

beforeCreate //在实例初始化之后、创建之前执行 一般使用场景是在加 loading事件的时候
created //实例创建后执行 处于loading结束后，还做一些初始化，实现函数自执行（data数据已经初始化，但是DOM结构渲染完成，组件没有加载）
beforeMounted //在挂载开始之前调用 处于组件创建完成，但未开始执行操作
filters //挂载前加载过滤器
computed //计算属性
directives-bind //只调用一次，在指令第一次绑定到元素时调用
directives-inserted //被绑定元素插入父节点时调用
activated //keep-alive组件被激活时调用，则在keep-alive包裹的嵌套的子组件中触发
mounted //挂载完成后调用 处于发起后端请求，获取数据，配合路由钩子执行操作（DOM渲染完成，组件挂载完成 ）
{ { }} //mustache表达式渲染页面