首页 > 编程知识 正文

vue路由钩子函数有几种,分别是什么,vuerouter钩子函数

时间:2023-05-03 15:12:46 阅读:29800 作者:117

在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组件时调用

销毁//实例后调用

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。