part8 vue内置标签keep-alive对网页性能优化

我们网页请求时候 我们点击路由切换

可以看network中数据请求

因为每次路由切换都会执行mounted钩子函数 我们这个函数中数据请求

在根组件中使用 路由切换 标签包裹

<keep-alive>
    <router-view/>
</ keep-alive>

包裹的内容会被缓存

//这样又一个弊端  我有的页面是需要重新进入发送请求的

这个标签带来一个新的生命周期函数

在此进入同一个一面会调用 activited生命周期函数(页面重新显示)

写一个判断  
页面改变时候  内容更改 就再次发送ajax

猜你喜欢

转载自www.cnblogs.com/-constructor/p/12313475.html