我在created中alert的name值和long值都是正确的，为什么在chose中name的值就是undefined，而且在created中改变了的long和short值为true，在页面中还是false

            

                第一页{{long}}
            
            

                第二页{{short}}

            
            

不管传过来的name是什么值，页面中的long和short都是false

 import Vue from 'vue';
    export default  {
      props: ['name'],
      data() {
            return {             
                long:false,
                short:false,

            }
        },
        methods:{

            chose(){
                console.log(this.name);//这里输出undefined
                console.log(this.short);
            }

        },
        created(){
           var name=this.name;
           console.log(name);//这里值是正确的
           switch (name){
              case "long":
                   this.long=true;
                   alert(that.long+"long");//当name值为long时弹出true
                   break;
               case "short":
                   alert(name);
                   this.short=true;
                   break;
              
           }
        },


    }