【vue关于组件name的用法学习】

问题描述：

第一次进入界面，页面走vue的生命周期（走初始化的所有方法），没问题。当从其他页面返回/点击进入到这个界面时，该页面没有刷新，没有走vue的生命周期（走初始化的所有方法），数据没有发生变化，就好像是页面做了缓存一样.

我们在写vue项目的时候会遇到给组件命名，这里的name非必选项，看起来好像没啥用处，但是实际上这里用处还挺多的！！！

export default {
   
   name:'xxx'
}

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

举个例子：
我们有个组件命名为detail,其中dom加载完毕后我们在钩子函数mounted中进行数据加载

export default {
   
  name:'Detail'
}，
mounted(){
   
  this.getInfo();
}，
methods:{
   
  getInfo(){
   
     axios.get('/xx/detail.json',{
   
       params:{
   
        id:this.