今天就跟大家聊聊有关vue中钩子函数的执行顺序是什么,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。
<强> vue的生命周期如下图:强>
<强>在页面首次加载执行顺序有如下:强>
beforeCreate//在实例初始化之后,创建之前执行
创建//实例创建后执行
beforeMounted//在挂载开始之前调用
过滤器//挂载前加载过滤器
计算//计算属性
directives-bind//只调用一次,在指令第一次绑定到元素时调用
directives-inserted//被绑定元素插入父节点时调用
激活//keek-alive组件被激活时调用,则在点火电极包裹的嵌套的子组件中触发
安装//挂载完成后调用
{{}}//胡子表达式渲染页面
<强>修改页面输入时,被自动调用的选项顺序如下:强>
看//首先先监听到了改变事件
过滤器//过滤器没有添加在该输入元素上,但是也被调用了
beforeUpdate//数据更新时调用,发生在虚拟dom打补丁前
directived-update//指令所在的组件的vNode更新时调用,但可能发生在其子vNode更新前
directives-componentUpdated//指令所在的组件的vNode及其子组件的vNode全部更新后调用
更新//组件dom已经更新
<强>组件销毁时,执行顺序如下:强>
beforeDestroy//实例销毁之前调用
directives-unbind//指令与元素解绑时调用,只调用一次
停用//点火电极组件停用时调用
摧毁//实例销毁之后调用
vue的优点
vue具体轻量级框架,简单易学,双向数据绑定,组件化,数据和结构的分离,虚拟dom,运行速度快等优势,vue中页面使用的是局部刷新,不用每次跳转页面都要请求所有数据和dom,可以大大提升访问速度和用户体验。
看完上述内容,你们对vue中钩子函数的执行顺序是什么有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注行业资讯频道,感谢大家的支持。