Vue.js find components

Adds global helper function for finding Vue components (window.vueFind = querySelector for VDOM)

What is Vue.js find components?

Vue.js find components is a Chrome extension that enhances the development experience for Vue.js by providing a global helper function for finding Vue components in the Virtual DOM. It allows developers to use simple and attribute selectors to efficiently locate components and access properties such as models.

Download

Stats

By: lukaw

View on Chrome Web Store

Users: 116 ▲ 3

Version: 0.1.0 (Last updated: 2021-12-06)

Creation date: 2019-07-08

Risk impact: Low risk impact

Risk likelihood: Low risk likelihood

Manifest version: 3

Size: 16.69K

Email: la*****@gmail.com

URLs: Website

Stats date:

Chrome-Stats Rank

# 62500 ▲ 388

Other rankings

#7120 in Developer Tools #17 in component keyword 16 ▲ 4 #256 in model keyword 15 ▼ 1

Other platforms

Not available on Firefox

Not available on Edge

Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.

Summary

Analyze keywords

Adds global helper function for finding Vue components

window.vueFind ~= querySelector for VDOM window.vueFindAll ~= querySelectorAll for VDOM

window.vueFind('Card CardDialog[model=isCardDialogVisible]').model

Simple selectors: window.vueFind('missing') prints a warning with a tree of supported simple 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)