结合道具验证

Question

如果 Prop-value 不是字符串，如何让我的代码在控制台中返回警告？ player-name-prop 应该始终等于字符串。

如果这个：<greet :player-name="5"></greet> 包含一个数字，我想从下面的代码中返回一个警告：

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

    }

  },
  data() {
    return {

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

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

Answer 1

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

您应该会收到如下警告：