Muokkaa

Jaa

What is Vue.js?

  • Artikkeli

Vue is an open-source, front end JavaScript framework for building user interfaces and single-page applications on the web. Created by Evan You, released in 2014 and maintained by Evan and his core team, Vue focuses on declarative rendering and component composition offering a core library for the view layer only.

If you want to build a server-rendered Vue web app with advanced features such as routing, state management and build tooling, take a look at Nuxt.js.

What makes Vue unique?

Vue uses a model-view-viewmodel architecture. Evan You previously worked on AngularJS at Google and extracted parts of Angular to offer a more lightweight framework. Vue is in may ways similar to React, Angular, Ember, Knockout, etc. See the Vue documentation for a more in-depth comparison to these other JavaScript frameworks.

What can you do with Vue?

Vue tools

Vue.js is focused only on the view layer, so may require additional tools to create a more complex app. You may want to consider using:

  • Package manager: Two popular package managers for Vue are npm (which is included with NodeJS) and yarn. Both support a broad library of well-maintained packages that can be installed.
  • Vue CLI: a standard toolkit for rapid Vue.js development with out-of-the-box support for Babel, PostCSS, TypeScript, ESLint, etc.
  • Nuxt.js: A framework to make server-side rendered Vue.js apps possible. Server-side rendering can improve SEO and make user interfaces more responsive.
  • Vue extension pack for VS Code: Adds syntax highlighting, code formatting, and code snippets to your .vue files.
  • Vuetify: A Vue UI library offering Material Design Framework components.
  • Vuesion: A Vue boilerplate for production-ready Progressive Web Apps (PWAs).
  • Storybook: A development and testing environment for Vue user interface components.
  • Vue Router: Supports mapping application URLs to Vue components.
  • Vue Design System: An open source tool for building Design Systems with Vue.js.
  • VueX: State management system for Vue apps.

Additional resources