某些prop需要传递一些指定的字符串常量，当传递其它的字符串时，是没有意义的，需要给出错误信息。此时，可以使用props中的validator完成验证。

介绍参见官方文档（https://cn.vuejs.org/v2/guide/components-props.html#Prop-%E9%AA%8C%E8%AF%81）

export default {
  props: {
    season: {
      validator: value => {
        return ['spring', 'summer', 'fall', 'winter'].indexOf(value) !== -1;
      },
    },
  },
};

此时，你传递的season必须通过validator的验证，必须为['spring', 'summer', 'fall', 'winter']中的一种，如果不通过，则会在控制台打印警告，以尽早发现错误。

相关文章:

• vue开发者工具不出现
• vue中@hook使用技巧
• Vue.js中独立构建和运行时构建的区别
• v-html中如何使用filters
• Vue组件间通信