Vue-Examples

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 is a JavaScript file and module loader.
• 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.

Installing

Prerequisites

• Apache2, Nginx web server or similar

Deploying

1. Clone or download vue-examples project with git.
2. Configure the web server so that the entry point was index.html.
3. Access your project url with web browser (eg. http://localhost/vue-examples/index.html).

Examples

TodoMVC

This example uses Firebase as the data persistence backend. Example is a fully spec-compliant TodoMVC implementation in under minimum effective lines of JavaScript (excluding comments and blank lines).

Markdown Editor

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.

GitHub Commits

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.

Hacker News

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.

Overview Vue.js

Main features of the Vue.js:

• Reactivity.
• Components .
• Modularity.
• Animations.
• Routing.
• Stability.

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 Single-Page Applications.

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.

Learn more...

Compatibility Note

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.

Release Notes

Detailed release notes for each version are available on GitHub.

CDN

Available on jsdelivr or cdnjs (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/.