Accessible aux débutants

Productif pour les plus expérimentés

Prototypes

Petits projets

Widgets

Applications Complexes

Grande échelle

<script src="https://unpkg.com/vue">

npm install vue

import Vue from 'vue'

vue-cli

npm install -g vue-cli

vue init webpack-simple my-app

cd my-app

npm install

npm run dev

Réactivité

<p>{{ message }}</p>


<script>
app.message = 'Hello world.'
// Do other things
app.message = 'This is awesome!'
</script>

Réactivité

Virtual DOM

Minimiser les opérations DOM

Diffing très rapide

Moteur de rendu autre que le DOM?

Virtual DOM

Propriétés calculées

{
  computed: {
    currentThread () {
      return this.threads.find(this.threadId)
    }
  }
}

Templates

<ul>
  <li v-for="task of tasks">
    <span>{{ task.text }}</span>
    <a v-on:click="removeTask(task)">Delete</a>
  </li>
</ul>

JSX

Routing

devtools

Créé par Evan You

en 2012

Février 2014

Première version publique

Octobre 2015

Version 1.0

Septembre 2016

Version 2.0

Virtual DOM

Render functions

Hyperscript

JSX

Composants fonctionnels

Compilation des templates "Ahead Of Time"

Server-Side Rendering

Rapidité du premier rendu de la page

SEO

Progressive enhancement

Progressive Web App

vue-router 2

Multiples vues nommées

Comportement du scroll customisable

Liens de routage améliorés

vuex 2

Simplification de l'API

Sous-modules emboîtés

Namespace pour les sous-modules

Actions asynchrones chainables

vue-resource

Déprécié au profil de solutions spécialisées

 comme la librairie recommandé

axios

Et bien plus encore...

scoped slots

v-model pour les composants

API simplifiés

transitions améliorées

animation de listes

v-else-if

typescript typings

keep-alive conditionnel

Le changement, c'est maintenant !

github.com/vuejs/vue-migration-helper

vuejs.org/v2/guide/migration

Presque 40 000 stars sur GitHub

1 500 000 téléchargements npm en 2016 (+300%)

21 400 000 visites sur le site officiel

84 000 utilisateurs hebdomadaires des devtools

Roadmap

Weex : Rendu natif sur smartphone

Amélioration de la documentation pour les tests

Continuer d'améliorer l'expérience de développement

Améliorer la découverte de l'écosystème

Explorer les technologies web émergentes