路由挂接函数/导航卫1 .全局-写在路由配置文件index.js中(所有路由更改) ) ) ) )。
变更前:拦截操作router.beforeeach:(ro,from,next )={ };
更改后:根信息router.aftereach:(ro,from,next )={ };
完成,解决:获取路由信息
2 .在部件中:写在部件中(与当前部件有关的道路发生了变化) ) ) ) )。
进入前: beforerouteenter:(to,from,next )={ };
发生变化: beforerouteupdate:(to,from,next )={ };
离开前: beforerouteleave:(to,from,next )={ };
3 .独占:在路由配置文件index.js中输入{path:—}; (更改当前路由)
{
path: ',
组件: ',
eforeenter:(to,from,next )={ };
}
vue渲染过程详解
路由元信息meta keep-alive遇到什么问题、产生什么影响、如何解决、解决后的效果
(为什么)使用keep-alive组件)如果数据没有更改,可以大大减少web请求的时间并提高站点性能
activated,deactivated这两个生命周期函数必须在使用keep-alive组件之后才存在。 否则就不存在了
Vue的内部组件。 在组件切换期间将状态保留在内存中,以防止DOM的重复渲染。keep-alive用于保存组件的渲染状态。
包装动态组件时,不活动的组件实例将被缓存,而不是销毁。 和很相似。 ``是抽象组件。 它本身不会渲染DOM元素,也不会出现在父组件链中。
有keep-alive两种。 活动使用``将数据保留在内存中。 要在每次进入页面时获取最新数据,您必须在激活阶段承担获取数据和从原始created挂接获取数据的角色。
deactivated构建的生命周期/挂接函数创建一个beforeCreate组件实例。 通常在这个时候打开和加载动画。
已完成创建created组件实例。 在此时刻可以访问实例中data的属性和methods中的方法,但不能操作dom。 页面未成功加载,因此不会显示页面。
注意:调用methods的方法以完成网络请求,vue建议的两种数据检索方法
1、beforeRouteEnter在该路由加载前请求数据,数据请求完成后执行next (),显示目标路由)的优点:保证页面出现时一定能获取数据)。
2、created,在这个时候开始请求,获取数据
beforeMount组件实例装载到装载点,不显示页面,在开发过程中很少使用
mounted组件模板将渲染为指定的el,显示页面,可以操作dom。
beforeUpdate组件将更新
更新组件更新完成
注:所有update挂接函数都与页面的动态渲染相关,每当数据发生变化时,都会刷新页面并触发这些挂接。 这些挂钩的触发频率非常高,很少操作。 即使进行操作,也必须确保内部方法重量轻。
beforeDestroy组件将被销毁
destroyed组件销毁完成。 在该定时,大多去除计时器等需要时间操作