Javascript 合并道具验证

如果Prop值不是string，如何使代码在控制台中返回警告？

player name

-prop应该始终等于string

如果此：

包含一个数字，我想从下面的代码返回一个警告：

Vue.component('greet', {
  props: {
    'player-name': {
      type: String,
      required: true

    }

  },
  data() {
    return {

    }
  },
  props: ['player-name'],
  template: '<div>Welcome, {{playerName}}!</div>'
})

new Vue({
  el: '#app'
})

Vue.component（'greet'{
道具：{
“玩家名称”：{
类型：字符串，
必填项：true
}
},
数据（）{
返回{
}
},
道具：['player-name']，
模板：“欢迎，{{playerName}！”
})
新Vue({
el:“#应用程序”
})

Vue本身会警告您道具验证失败。检查devtools控制台

您应该得到如下警告：

---

当我发现您在组件中声明了两次props时，您的上一次声明（仅是array

props

）覆盖了第一次声明，在第一次声明中您进行了类型检查。删除这行

props:['player-name']

，它将正常工作