labs / tiddlers / content / labs / lab09 / $__Labs_09_The Vue Browser Plugin.tid
@Mark George Mark George on 10 Sep 798 bytes WIP lab 9
section: 4.25
tags: lab09 lab incomplete hidden
title: $:/Labs/09/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.