This talk is about the basic of vue.js, I don't cover a lot about how to integrate with rails but I do cover all the basic required to learn Vue. The codepen demo link https://codepen.io/rabingaire/

1. Single Page Application
with Vue.js & Rails
@rabingaire
Web Developer@Techrise

2. Why Vue.js
• Declarative
• Approachable
• Versatile
• Easy to maintain
• Powerful
• Collection of best of the best
• Testable

3. Vue Basics
Progressive framework
it’s called progressive because if we have existing server side application we can
plug vue to one part of the application.

4. Vue Instance
Vue
Instance is a middle man between DOM
and your business model

5. Vue Directives
v-bind / :
v-model
v-on / @
v-if
And you can also create your own Directives Sweet
😀
v-else
v-else-if
v-for
v-show
Vue Directives are tiny attributes of
html that vue offers, these help to
extend the html that we have in
disposal
v-show disables the tag using css
rule, while v-if removes/reinjects or
unmount and remount element on the
page/dom

6. Vue Methods
Methods are bound to the Vue Instance

7. Vue
Computed Properties
Computed Properties are those values that
only change when their dependencies
change

8. Vue Watchers

9. Vue Components
Collection of things encapsulated into a group

10. Packages Used to
Build recent Project
VeeValidate
vue-router
vuex
axios

11. Rails + Vue

12. Thank You !!!