Vue

vuejs logo

Tonight's program

adept.work/hnvue

JavaScriptMN

vuejs logo

meetup.com/JavaScriptMN

Getting started

Vue is a progressive framework for building user interfaces. Unlike other monolithic frameworks, Vue is designed from the ground up to be incrementally adoptable.

A mix

angular

Sort of like Angular because...

  • it has directives
  • it has two way binding
  • it uses regular HTML templates
react

Sort of like React because...

  • it is just a view library
  • it is light and modular
  • it leans heavily on components
mithril svelete marko knockout preact inferno nx
angular react

How it works

Vue will walk through all of its properties and convert them to getter/setters using Object.defineProperty.

The getter/setters are invisible to the user, but under the hood they enable Vue to perform dependency-tracking and change-notification when properties are accessed or modified.
reactivity

Fast enough

Syntax and patterns

Data Binding

Data drives the UI

Practice Vue Time

That's Vue Basics

vuejs logo

Vue SPA

Vue Components

Vue

vuejs logo

Thanks for visiting!

adept.work/hnvue
twitter.com/ryanmr