I used a examples from the <a href="http://vuejs.org/examples/" target="_blank">official website</a>
to demonstrate some of the features remarkable library Vue.js.
Main features of the package:
can build reactive Web user interfaces.
an process HTML templates to generate Web application views that be composed by different parts.
assembly of modules is done by technology Asynchronous module definition (AMD).
To ensure this technology is used library RequireJS
routing to make building Single Page Applications.
realized the localization of two languages: English and Russian.
to store data locally in the browser is used the jStorage
is a cross-browser key-value store database.
to store data on the server is used a database type Firebase.
the user interface is built using Bootstrap3 is the most popular HTML, CSS,
and JS framework for developing responsive, mobile first projects on the web.
Clone or download vue-examples project with git.
Configure the web server so that the entry point was `index.html`.
Access your project url with web browser (eg. http://localhost/vue-examples/index.html).
This example uses Firebase as the data persistence backend.
Example is a fully spec-compliant TodoMVC implementation in under minimum effective
This is simple Markdown editor. Markdown
is a way to style text on the web. You control the display of the document;
formatting words as bold or italic, adding images, and creating lists are just a
few of the things we can do with Markdown.
This example fetches latest Silex-MVC
commits data from GitHub’s API and displays
them as a list. You can switch between the master and other branches.
GitHub is a code hosting platform for version control and collaboration.
It lets you and others work together on projects from anywhere.
Firebase + Validation
This example uses Firebase as the data persistence
backend and syncs between clients in real time (you can try opening it in multiple browser tabs).
In addition, it performs instant validation using computed properties and triggers
CSS transitions when adding/removing items.
Sort Grid Component
This is an example of creating a reusable grid component and using it with external data.
This is a HackerNews clone built upon HN’s official Firebase API.
In partnership with Firebase, we're making the public Hacker News data available
in near real time. Firebase enables easy access from Android, iOS and the web.
Main features of the Vue.js:
Vue.js (pronounced /vjuː/, like view) is a library for building interactive web interfaces.
The goal of Vue.js is to provide the benefits of reactive data binding and composable
view components with an API that is as simple as possible.
Vue.js itself is not a full-blown framework - it is focused on the view layer only.
It is therefore very easy to pick up and to integrate with other libraries or
existing projects. On the other hand, when used in combination with proper tooling
and supporting libraries, Vue.js is also perfectly capable of powering sophisticated
If you are an experienced frontend developer and want to know how Vue.js compares
to other libraries/frameworks, check out the Comparison with Other Frameworks;
if you are more interested about how Vue.js approaches larger-scale applications,
check out the section on Building Larger-Scale Applications.
Vue.js does not support IE8 and below, because Vue.js uses ECMAScript 5 features
that are un-shimmable in IE8. However Vue.js supports all ECMAScript 5 compliant browsers.
Detailed release notes for each version are available on GitHub.
Available on jsdelivr or
(takes some time to sync so the latest version might not be available yet).
Also available on unpkg,
which will reflect the latest version as soon as it is published to npm.
You can also browse the source of the npm package at unpkg.com/vue/.