Documenti di Didattica
Documenti di Professioni
Documenti di Cultura
Shake N’Bake: Top 10 Performance Tuning Tricks to put you in First Place
@coldfumonkeh
consultant developer
writer
gin drinker
runner
Distrokid
WHAT IS VUE.JS?
WHAT IS VUE.JS?
A progressive framework
https://github.com/vuejs/vue-devtools
GETTING STARTED
DECLARATIVE
RENDERING
Getting started
DECLARATIVE RENDERING
Can be dynamic
TWO-WAY BINDING
TWO-WAY BINDING
TWO-WAY BINDING
TWO-WAY BINDING
TWO-WAY BINDING
HEADER
COMPONENTS
HEADER
Title
Lorem issue dollar sit amet
Title
Lorem issue dollar sit amet
COMPONENTS
HEADER
Title
Lorem issue dollar sit amet
Title
Lorem issue dollar sit amet
COMPONENTS
HEADER
Title
Lorem issue dollar sit amet
Title
Lorem issue dollar sit amet
COMPONENTS
HEADER
Title
Lorem issue dollar sit amet
Title
Lorem issue dollar sit amet
COMPONENTS
HEADER
Title
Lorem issue dollar sit amet
Title
Lorem issue dollar sit amet
COMPONENTS
HEADER
Title
Lorem issue dollar sit amet
Title
Lorem issue dollar sit amet
COMPONENTS
HEADER
Title
Lorem issue dollar sit amet
Title
Lorem issue dollar sit amet
COMPONENTS
HEADER
Title
Lorem issue dollar sit amet
Title
Lorem issue dollar sit amet
COMPONENTS
HEADER
nav1 | nav2 | nav3 | nav4
Title
Lorem issue dollar sit amet
Title
Lorem issue dollar sit amet
COMPONENTS
HEADER
nav1 | nav2 | nav3 | nav4
Title
Lorem issue dollar sit amet
Title
Lorem issue dollar sit amet
COMPONENTS - CREATION
COMPONENTS - CREATION
COMPONENT COMMUNICATION
COMPONENTS - PROPS
COMPONENTS - PROPS
COMPONENTS - PROPS
COMPONENTS - PROPS
COMPONENT COMMUNICATION
COMPONENT COMMUNICATION
COMPONENT COMMUNICATION
COMPONENT COMMUNICATION
CREATING AN APP
Vue CLI
CREATING AN APP
Single-file components
SCRIPT
TEMPLATE
SCRIPT
STYLE
CREATING AN APP
Avoid having to send props and emit data between every component
VUEX
https://vuex.vuejs.org/
COLDBOX ELIXIR
Bundle your application assets
COLDBOX ELIXIR
COLDBOX ELIXIR
Unit Testing
Highly extensible
COLDFUSION & VUE
Building CFML-powered reactive applications