Upgrade to Pro — share decks privately, control downloads, hide ads and more …

🔎🖖OverVue

 🔎🖖OverVue

Una recorrida por Vue.js, su historia, comunidad, funcionalidades y todo su ecosistema.

Ignacio Anaya

March 22, 2018
Tweet

More Decks by Ignacio Anaya

Other Decks in Programming

Transcript

  1. ! Ignacio Anaya @ianaya89 • Full Stack Developer, Tech Trainer

    & Speaker • @Auth0 Ambassador • Organizador @Vuenos_Aires ! " OverVue - @ianaya89 2
  2. ! El Framework Progresivo • Vista • Core • VDOM

    • Reac0vo • Web Components ! " OverVue - @ianaya89 21
  3. !" <script src="https://unpkg.com/vue"></script> <div id="app"> {{ hello }} </div> <script>

    new Vue({ el: '#app', data: function () { return { hello: 'Hola @PHPBaires!' } } }); </script> ! " OverVue - @ianaya89 24
  4. !" <script src="https://unpkg.com/vue"></script> <div id="app"> {{ hello }} </div> <script>

    new Vue({ el: '#app', data: function () { return { hello: 'Hola @PHPBaires!' } } }); </script> ! " OverVue - @ianaya89 25
  5. ! render() new Vue({ el: '#app', data: function () {

    return { hello: 'Hola @PHPBaires!' } } render: function () { return ( <h1>{this.hello}</h1> ) } }) ! " OverVue - @ianaya89 26
  6. ♻ Life Cycle Hooks new Vue({ created: function () {

    console.log('I am alive ') }, mounted: function () { console.log('I am mounted ') }, }); ! " OverVue - @ianaya89 31
  7. ♻ Life Cycle Hooks new Vue({ created: function () {

    console.log('I am alive ') }, mounted: function () { console.log('I am mounted ') }, }); ! " OverVue - @ianaya89 32
  8. ! Take Away • ! Progresivo (Simple y Complejo) •

    " Declara7ve Rendering • # Component System • $ Ecosistema Completo • % Gran Community ! " OverVue - @ianaya89 43