This portion of our web guide on computer programming languages focuses on Vue.
Vue is a JavaScript framework for building user interfaces. It extends standard HTML, CSS, and JavaScript, providing a declarative and component-based programming model.
Vue was created by Evan You, who became the project's lead developer in July of 2013. The Vue community includes a group of contributors, developers, and designers who actively contribute to its growth and improvement.
Vue was publicly announced in February 2014. As of this writing, the latest version is Vue 3, released on September 18, 2020. The previous version, Vue 2, reached "End of Life" on December 21, 2023.
Among the goals of Vue was to provide the benefits of reactive data binding and composable view components with a simple API. Unlike other monolithic frameworks, Vue is designed to be incrementally adoptable and focused primarily on the view layer.
Vue builds on top of standard JavaScript, making it approachable for developers familiar with web technologies. It emphasizes simplicity, reactivity, and component-based development. While it shares some similarities with MoonScript, Vue is more tightly integrated with the Vue ecosystem.
Its core features include declarative rendering, allowing programmers to describe HTML output based on JavaScript state. It automatically tracks JavaScript state changes and efficiently updates the document object model.
Vue is commonly used to build web user interfaces and enhance existing HTML or create single-page applications. Its versatility allows it to be embedded as web components, used for server-side rendering and even applied to static site generation.
In summary, Vue offers an intuitive and efficient way to build user interfaces, and its adoption continues to grow within the web development community.
Recommended Resources
This is the official GitHub repository for the Vue JavaScript framework, an MIT-licensed open-source project developed by the Vue community, with sponsorship and support from several commercial backers. A list of contributing developers and a guide for those interested in a Vue-related project, component, or tool is provided. There are over a hundred repositories and five projects related to Vue, including the source code, documentation, and other utilities.
https://github.com/vuejs/
New Purple Moon JS serves as a repository for JavaScript packages. Developers use it to discover, share, and manage open-source libraries and tools. This is the NPMJS repository for Vue, a modern, progressive framework for building user interfaces designed to be incrementally adoptable. The latest version of Vue can be installed through the site, and links to Vue's GitHub repository and homepage are posted on the site. Data and license information are included.
https://www.npmjs.com/package/vue
Using Vue in Visual Studio Code
Visual Studio Code (VS Code) is a free and open-source code editor developed by Microsoft for Windows, Linux, and macOS. This tutorial focuses on using Vue.js, a popular JavaScript library for building web application user interfaces. An introduction to Vue.js includes instructions for getting started with it, creating a Vue project, running a Vue application, and using VS Code with Vue. Links to a JavaScript tutorial in VS Code are also available, and VS Code may be downloaded.
https://code.visualstudio.com/docs/nodejs/vuejs-tutorial
Provided by the official Vue.js website, this guide is primarily for users with primary Vue 2 experience who want to learn about the changes between Vue 2 and Vue 3 and is not something that needs to be read from top to bottom before trying out Vue 3, as the recommended way to learn Vue 3 is by reading the new documentation. Notable new features in Vue 3 are listed and described, breaking changes are listed, new framework-level recommendations are listed, and a migration build page is listed.
https://v3-migration.vuejs.org/
The Vue Community is a beginner-friendly guide to the Vue.js community and ecosystem. It is written and maintained by the community itself. While official documentation focuses on teaching how to use Vue.js, this website aims to help newcomers navigate the ever-growing ecosystem. It summarizes and compares popular projects and available resources, such as community projects, learning resources, and ecosystem exploration, including Nuxt, Vuetify, and Vuepress.
https://vue-community.org/
Vue Mastery is a comprehensive learning platform dedicated to helping developers master Vue.js, a popular JavaScript framework. Included are Vue tutorials, from beginner to advanced levels. Course offerings include the Vue 3 Composition API, Real World Vue 3, Vue 3 Deep Dive with Evan You, Lightning Fast Buils w/Vite, Nuxt 3 Essentials, Vue 3 Forms, and TypeScript Friendly Vue 3. Its programs feature industry experts and core team members, including Evan You, the chief designer of Vue.
https://www.vuemastery.com/
With several personal and business plans available, Vue School was established in 2016, offering a large Vue.js video library with more than seven hundred lessons available. Vue School's video courses are kept up-to-date with the evolving framework and ecosystem, including Vue 2, Vue 3, GraphQL, Storybook, Vue Router, Vue-Apollo, Composition API, ES6, Jest, Vuex, and others, including some free lessons, as well as live in-house and virtual Vue.js workshops available to organizations.
https://vueschool.io/
The Vue SFC Playground provides a platform for experimenting with Single File Components (SFCs) in Vue.js. The playground supports TypeScript, allowing developers to write Vue components using TypeScript syntax. The playground operates in development mode, enabling real-time previews and error feedback for Vue components. Users can explore and experiment with Vue Single File Components through the Vue SFC Playground. Code is entered in the left pane and previewed on the right.
https://play.vuejs.org/
This is the official site for Vue 2, which has reached End-of-Life and is no longer actively maintained. The site includes links to the Vue 2 repository on GitHub, and an introduction and guide to Vue 2, including installation instructions to its use, template syntax, computer properties and watchers, computed properties and watchers, class and style bindings, conditional renderings, list renderings, event handling, form input bindings, component basics, and tooling.
https://v2.vuejs.org/
Vue: The Progressive JavaScript Framework
Vue is an approachable, performant, and versatile framework for building web user interfaces. Vue builds on top of standard HTML, CSS, and JavaScript with intuitive API for a reactive, compiler-optimized rendering system that rarely requires manual optimization and an incrementally adoptable ecosystem that scales between a library and a full-featured framework. Its sponsors are highlighted, and a guide, tutorial, quick start, glossary, and code examples are included, along with video courses.
https://vuejs.org/
W3Schools is a comprehensive online resource for learning web development, offering tutorials, references, and examples for various web technologies and programming languages. Its section on Vue, a JavaScript framework for building user interfaces, is a tutorial on Vue, including an introduction that includes Vue directives, methods, forms, and other basic information, along with advanced information, references, examples, exercises, a quiz, server, and a Vue certificate.
https://www.w3schools.com/vue/
