1. 程式人生 > >使用Keep-alive優化網頁效能

使用Keep-alive優化網頁效能

解決問題1:頁面沒切換一次就好傳送一次ajax請求。

 

1.解決方法:App.vue

<template>
  <div id="app">
    <!-- keep-alive標籤:路由被載入一次之後,就把該路由的內容放到記憶體之中。下次渲染的時候,不需要重新載入鉤子函式,只需要在記憶體中拿資料,就不會重新發ajax請求了。 -->
    <keep-alive>
        <!-- 顯示的是當前路由地址所對應的內容 -->
        <router-view/>
    </keep-alive>
  </div>
</template>

<script>
export default {
  name: 
'App' } </script> <style> </style>
App.vue

 

 

解決問題2:

1.

2.

 

3.

 

4.

 

5.

 

6.

 

8.