Vue Devtools 5.0 Released

Vue Devtools 5.0 Released

Vue.js core team member Guillaume Chau announced the release of Vue Devtools 5.0 for Google Chrome and Firefox.

You can see the full list of what’s new below from the v5.0.0 release notes on GitHub:

New

  • Routing tab (#735)
  • Performance tab (#733)
  • Settings tab (#713)
  • Editable vuex state (#724)
  • Display density settings
  • Initial NativeScript support (#732)
  • View refs in vue developers panel (#749)
  • Add $attrs to StateInspector, closes #734 (#861)
  • RegEx Filter in Events Tab (#838)
  • Make props editable, closes #669 (#813)
  • Setting for “vue-devtools Detected Vue” console log, closes #685 (#811)

Improved

  • Vuex and Events tabs got an order of magnitude faster and lighter on memory (#721)
  • Make Collapse/Expand All affects child elements (#715)
  • Display functional components in component tree (#719) (props don’t fully work yet)
  • electron app: added type definitions (#836)
  • Lot of performance improvements across the board

Guillaume also shared a quick demo of the new Vue.js Devtools on Twitter that you should check out to see what’s new.

You can install the Vue.js Devtools extension for both Chrome and Firefox. If you already have the extension, it should update automatically.


Filed in: News / Vue.js


Newsletter

Join the weekly newsletter and never miss out on new tips, tutorials, and more.

Laravel News Partners

Laravel Jobs

Senior Laravel Engineer
Remote okay (must already live in USA)
Hawthorne Effect
Senior Software Engineer (Remote - Contract)
Remote
Koodi Systems
PHP Developer
Pittsburgh / Remote
Sequoia Waste Solutions
Software Developer
Eindhoven
Simac IDS
Application Developer Level II (CakePHP / MySql / Vue.js)
Lancaster, PA
Harbor Compliance
FULL STACK LARAVEL DEVELOPER
LONDON - WEST END
AMPERSAND HEATLH
Mid/Senior Laravel Developer - U.S. Only
Kenner, Louisiana
Profit Miner Technologies