Vue
ExplainedFramework
Also known as: Vue.js, VueJS
Progressive frontend framework with a gentle learning curve, combining ideas from Angular and React.
Vue, explained
Written by EduVerseWhat it is
Vue is a JavaScript framework for building user interfaces in the browser. You split a page into components, and each component usually lives in one .vue file with three parts: an HTML-like template, a script with its data and logic, and its own styles. When the data changes, Vue updates the page for you.
Why teams use it
Updating the page by hand with plain JavaScript gets tangled once it has a lot of moving parts. Vue keeps the screen in sync with your data, and its templates look like ordinary HTML, which many beginners find easier than React’s JSX. You can also add it to one page of an existing site instead of rewriting everything.
An example from work
You join a project and open ProductList.vue. In the template you see v-for looping over products, v-if showing a message when the list is empty, and @click calling a method. You add a list of your own, and the linter immediately complains that each element in the v-for needs a unique :key.
Our own explanation, not a quote from the book.
In the book
Sentences from The Software Realm, Decoded that mention Vue, exactly as printed.
2 more passages about Vue in the full book
Read every conversation where Vue comes up, with the interactive slides and demos.
Where it fits
Single-page applications, gradual adoption in existing projects
Coverage in the book
Explained and compared with alternatives, so you know where and why it’s used.
