另外对 props 的校验可以采取一下几种方式：
Vue 组件 props 验证
可以验证 props 的类型，默认可以校验是否是以下类型：
- String
- Number
- Boolean
- Function
- Object
- Array
- Symbol
如果你的 props 是类的一个实例，type 也可以是一个自定义构造器函数，使用 instanceof 检测。
如果还是不满足需求，可以自定义验证函数：
// 自定义验证函数
propF: {
validator: function (value) {
return value > 10
}
}
TypeScript 类型系统
Vue 组件 props 验证对于对象或者其他复杂的类型校验还是不太友好，所以很多人也推荐大家的 props 尽量采取简单类型，不过如果你有在用 TypeScript 开发 Vue 应用，可以利用 TypeScript 静态类型检查来声明你的 props 。
@Component
export default class Hello extends Vue {
@Prop
info: IHelloInfo; // 这里可以用你自定义的 interface
}
可测试性
由于组件做的事情更少了，使得测试也会变得容易。
容器组件不用关心 UI 的展示，只关心数据和更新。
展示组件只是呈现传入的 props ，写单元测试的时候也非常容易 mock 数据层。
引入容器组件/展示组件模式带来的限制
学习和开发成本
因为容器组件/展示组件的拆分，初期会增加一些学习成本，不过当你看完这篇文章，基本上也就入门了。
在开发的时候，由于需要封装一个容器，包装一些数据和接口给展示组件，会增加一些工作量， @xunlei/vuex-connector 通过配置的方式可以减轻不少你的工作量。
另外，在展示组件内对 props 的声明也会带来少量的工作。
总体来说，引入容器组件/展示组件模式投入产出比还是比较值得的。
总结
以上所述是小编给大家介绍的React为 Vue 引入容器组件和展示组件的教程详解，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对黑区网络网站的支持！