.DejaVue.DejaVue is actually a chrome dev extension that aids you find just how your application is managing. It is generally a visual images and also worry screening debugging tool built for Vue.js. The staff that created it possessed the tip a long time back, detailed in the blog post Why our experts are actually constructing DejaVue.js.To offer a graphic interpertation of what DejaVue carries out listed here is a picture to check out:.Each node embodies a part, as well as the single nodule on top embodies the bottom. Every model of its children composes the rest of the graph. It will definitely also present you which props as well as variables are being rendered, and exactly how it affects various other components.Request establishment visualization. Part examination. Time travel. Identify altered components and also what modified due to yet another element's update. Better know your request structure as you examine it. Pinpoint which components have actually altered and also what those adjustments were actually.The team has actually developed additionally a video showing the extension in action (opportunity traveling attribute):.) . embedly-cardIf this appears fascinating visit here to install the extension coming from the Chrome shop.Functions - all deal with and also without a state management public library (e.g. Vuex).Use Design Visualization - Active plant.Element Examination - viewpoint props, variables, and ports.Diff Engine - As you test observe which components are actually being updated and also what those adjustments are actually.Time Traveling - Move in reverse and also forwards through your state changes as well as see both the tree and also your application update.Part Highlighting - Hover over a tree fallen leave to highlight the part on your application.Made By Scott, Jon as well as Mike.