Включение проверки свойств

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 предупреждает вас, что проверка пропуска не удалась. Проверьте консоль devtools.

Вы должны получить такое предупреждение: