Del curso: Vue.js esencial

Accede al curso completo hoy mismo

Únete hoy para acceder a más de 23.200 cursos impartidos por expertos del sector.

Depurando la aplicación con extensiones de Vue

Depurando la aplicación con extensiones de Vue - Tutorial de Vue.js

Del curso: Vue.js esencial

Depurando la aplicación con extensiones de Vue

Te voy a mostrar qué tan fácil es utilizar las herramientas para el desarrollador de Vue para poder inspeccionar y depurar una aplicación de Vue. Estas herramientas son extensiones que se pueden instalar en los diferentes navegadores. En mi caso, yo estoy utilizando Chrome. Entonces, para poder instalar esta herramienta, debo dirigirme a este enlace dentro del web store de Chrome e instalar la extensión. Yo ya la tengo instalada. Entonces, simplemente, para poderla utilizar, debo dirigirme a mi aplicación de Vue y abrir las herramientas del desarrollador de Chrome. Aquí al final se agrega una pestaña nueva que se llama Vue, que contiene las herramientas, como puedes ver aquí. Las herramientas tienen varios paneles. Uno contiene la jerarquía de componentes de la aplicación, como puedes ver aquí. Estas no son etiquetas HTML, sino son instancias de componentes Vue que yo he definido dentro de la aplicación. Aquí puedes ver que cada vez que yo selecciono uno de los componentes, se me…

Contenido