在vue中,可以直接执行实例选项、挂接函数和{}表达式,而无需手动调用。
在页面首次加载执行顺序有如下:
beforeCreate //在实例初始化后、创建前运行
创建//实例后运行
在beforeMounted //装载开始前调用
filters //装载前加载过滤器
计算//计算属性
directives-bind //只调用一次,在第一次将指令绑定到元素时调用
directives-inserted //绑定的元素插入父节点时调用
激活activated //keek-alive组件时调用,该组件由keep-alive包装的嵌套子组件触发
mounted //装载完成后调用
{{}} //mustache表达式渲染页面
修改页面input时,被自动调用的选项顺序如下:
watch //首先拦截了改变事件
filters //过滤器未添加到此input元素中,但已调用
更新beforeUpdate //数据时调用,虚拟dom在修补之前发生
更新包含directived-update //命令的组件的vNode时调用,但可能在更新其子项的vNode之前发生
包含directives-componentUpdated//命令的组件的所有vNode及其子组件的vNode都将更新和调用
更新了更新//组件dom
组件销毁时,执行顺序如下:
在销毁beforeDestroy //实例之前调用
directives-unbind //命令在从元素解除绑定时被调用,并且只调用一次
禁用deactivated //keep-alive组件时调用
销毁//实例后调用