2019-05-13到17的一些問題

這周主要在做手機端app，用hbuilder+vue做的，框架是同事搭好的，我參照着加一個頁面。。。

1、首先是怎麼做緩存，之前同事也沒做過，然後第一次做，我看了好幾篇文章，照着做了一大堆，加了什麼isFlag啊，isFirstIn之類的，並沒有什麼卵用

簡書 vue-router 之 keep-alive

vue中使用keepAlive組件緩存遇到的坑

另闢蹊徑：vue單頁面，多路由，前進刷新，後退不刷新

簡書 記一次vue 的keep-alive踩坑之路

而同事大佬也在看文章，最後在App.vue裏簡簡單單一句話，然後在具體頁面的activated()方法裏寫好是否調用清除緩存的邏輯，就搞定了，業務其實也很簡單，就是從主頁面a進來緩存頁面b，頁面b重新加載，從頁面b裏點擊的加載更多進入c界面，c再返回b的時候，b調用緩存。

<template>
  <div id="app">
    <transition :name="transitionName">
        <keep-alive key="keep-alive" include="xxx">
    	    <router-view class="child-view" key="wrapper"></router-view>
	</keep-alive>
    </transition>
  </div>
</template>

 

2、經常報<transition-group>children must be keyed:<keep-alive>

之前用的是<transition-group>標籤，老報這個錯，註釋掉又好了，最後改成上面的transition

3、用了this.$destroy()後無法緩存

本來我是做的差不多了，就差一個清除緩存，然後想用這個方法，結果不行，destroy瞭然後重新進入頁面後該頁面無法再被緩存，後來同事大佬指點，所謂的清除緩存，只需要把data的return裏面有緩存到的數據全部初始化就好了。。。emmmmmmm

4、expected an assignment or function call and instead saw an expression

因爲同事大佬寫了一句_this.page === 1

給了吾輩小渣渣一個羣嘲大佬的理由~~~