vue优化之优雅的抛出错误(Error)问题

<template>
  <div>
    <hello-world :name="name" :age="age"></hello-world>
  </div>
</template>
 
<script>
import HelloWorld from '@/components/HelloWorld.vue'
 
export default {
  name: 'HomeView',
  components: {
    HelloWorld
  },
  data(){
    return {
      name:'小陈',
      age:18
    }
  }
}
</script>
 
<style>
 
</style>

<template>
  <div>{{name}}{{age}}</div>
</template>
 
<script>
export default {
props:{
  "name": {
		type: String,
		default:  'text',
		validator(value) {
     return ['小陈1', 'number','letter'].indexOf(value) > -1
		}
 	},
  age:Number
},
methods:{
  aa(){
    return new Error('5555')
  }
}
}
</script>
 
<style>
 
</style>

<template>
  <div>{{name}}{{age}}</div>
</template>
 
<script>
export default {
props:{
  "name": {
		type: String,
		default:  'text',
		validator(value) {
      if(!['小陈1', 'number','letter'].indexOf(value) > -1){
       throw  new Error(`${value}不属于'小陈1', 'number','letter'中的任意值`)
      }
			 
		}
 	},
  age:Number
},
methods:{
  aa(){
    return new Error('5555')
  }
}
}
</script>
 
<style>
 
</style>