Responsive Web using Vue.js

1a29604b546a971ac5f3305f5bc76e77?s=47 Marshall Shen
October 22, 2016
Technology
1
710

Responsive Web using Vue.js

Introduction to Vue.js framework at Chicago Vue.js meetup

1a29604b546a971ac5f3305f5bc76e77?s=128

Marshall Shen

October 22, 2016
Tweet

Want more?

1a29604b546a971ac5f3305f5bc76e77?s=48 marshallshen
0
31
1a29604b546a971ac5f3305f5bc76e77?s=48 marshallshen
0
12
1a29604b546a971ac5f3305f5bc76e77?s=48 marshallshen
0
35
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
13
810
A9a491b0fcbe0fbce3d64063a37add99?s=48 rmw
4
440
766b9746b59e6f09e280cd33cf4ed419?s=48 skipperchong
0
280
61857dafbd287b3027c4dcea9008ad3c?s=48 carmenhchung
8
580
06f8b41980eb4c577fa40c41d5030c19?s=48 keathley
9
310
C0390e8b11079f8761c0cd3274ed61cb?s=48 productmarketing
3
350
C35e01544a0dd94a2cf1619ee8a42ebb?s=48 clairelew
4
840
6bb82b13cda86d3b821fa44100335ddf?s=48 thoeni
1
220
B3ace07412a5178ea778e7eec161fc0a?s=48 jcasabona
4
290

Transcript

  1. 1.

    Responsive Web using Vue.js Marshall Shen Chicago Vue.js

  2. 2.
    None
  3. 3.

    Outline • Demo • Why Vue.js • Vue object •

    Vue components • Parent-child communication • Future
  4. 4.

    Demo

  5. 5.

    Why Vue.js • Easy start • Low commitment • Community

    support
  6. 6.

    Vue object

  7. 7.

    Vue object

  8. 8.

    Start with Vue object

  9. 9.

    Vue Components

  10. 10.

    Vue Components

  11. 11.

    Vue Components

  12. 12.

    Parent-Child Communication

  13. 13.

    Parent-Child Communication

  14. 14.

    Parent-Child Communication

  15. 15.

    Parent-Child Communication

  16. 16.

    Future • Better ajax call handling • JS tests •

    Vue 2.0 & Vuex