labs / tiddlers / content / labs / lab08 / $__Labs_08_The Vue Browser Plugin.tid
section: 4.25
tags: lab08 lab incomplete hidden
title: $:/Labs/08/The Vue Browser Plugin
type: text/vnd.tiddlywiki

We asked you to install the Vue developer plugin in your browser earlier.  Let's see how it can help.

In the browser's developer tools you should now see a Vue tab while viewing any page that is using Vue.  If not, try toggling the developer tools off and on again.

There isn't a whole lot to see, but what is there is very useful --- it shows you the models that are available in a page, and the values currently assigned to those models.  This is useful for two reasons:

* You can easily see what names need to be used in the HTML including the field names of domain objects.

* You can use it to help debug problems --- seeing the current value of the models is quite useful.