Validar Props en Vuejs 2

Las Props en Vuejs 2 nos permiten pasar datos a nuestros componentes al momento de utilizarlos, algo necesario para poder utilizar componentes por ejemplo dentro de bucles.

En nuestro caso nos vamos a centrar en un ejemplo bien sencillo como el que sigue:

En esta ocasión vamos a ver lo sencillo que es Validar Props en Vuejs 2, es decir, asegurarnos que los datos que entran en nuestro componente son correctos, por ejemplo, si esperamos una cadena con una determinada longitud, que se cumpla.

Debes tener en cuenta que la validación de props en Vuejs 2 es extremadamente útil, pero para desarrolladores, no para el cliente, es decir, nos ayuda a nosotros a detectar más fácilmente los errores.

Validar Props con props.validator en Vuejs 2

Antes de utilizar esta funcionalidad, es importante saber que validator se ejecutará antes de que nuestro componente haya sido montado, por lo tanto no tendremos acceso a data, computed, methods etc.

La idea es simplemente esa, tener información en consola en tiempo de desarrollo de los problemas que podamos tener con las props utilizadas dentro de cada componente