给组件命名，看似冗余实则有用

export default{
	name:"mydemo"
}

1.当项目使用keep-alive时，可搭配组件name进行缓存过滤

组件名为mydemo，其中dom加载完毕后在钩子函数mounted中进行数据加载

export default {
    name:'mydemo'
}，
mounted(){
   this.getInfo();
}，
methods:{
   getInfo(){ //调用接口，获取页面数据
   }

在App.vue中使用了keep-alive导致我们第二次进入的时候页面不会重新请求，即触发mounted函数。
有两个解决方案：一个是增加activated()函数,每次进入新页面的时候再获取一次数据。另外一个是在keep-alive中增加一个过滤

<div id="app"> 
    <keep-alive exclude="mydemo">
      <router-view/>
    </keep-alive>
  </div>

2.DOM做递归组件

本期内容为本人个人学习记录，可能有误，后续将改进