Vue.js find components Autor: lukaw3d

Experiment

Intended for Vue.js developers, this only adds a helper function "vueFind" for accessing components when debugging Vue applications. It is added to every page after load, but it will only work on pages with development build of Vue

Na použitie tohto rozšírenia budete potrebovať Firefox

Stiahnuť Firefox a získať rozšírenie

Stiahnuť súbor

26
používateľov

Žiadne recenzie

Doplnok zatiaľ nie je ohodnotený
Zatiaľ bez hodnotenia

O tomto rozšírení

Extension for automating/debugging of Vue.js applications. For most debugging purposes Vue.js devtools are best. This extension supplements them by adding a global "vueFind" function for accessing components by selector, instead of clicking through devtools to get $vm0.

Usage:
Instead of manually searching for a component in devtools every time, run
$vm0 = window.vueFind('Card CardDialog[model=isCardDialogVisible]')
(and maybe even make a bookmarklet out of it)

Supported selectors
- Simple selectors:
window.vueFind('missing') prints a warning with a tree of supported selectors

- Attribute selectors:
only [attr=fullvalue] and [attr="full value"] operators are supported

- Combinators:
simple selectors can only be combined with a descendant combinator (a space)

Ohodnoťte svoju skúsenosť

Poznámky k vydaniu pre verziu 0.1.0

Refactored for maintainability

Používa