_vue_gists.md

Vue Js gists to save time starting a new project

basic-start.js

var vm = New Vue({
  el: '#requests'
  data:{},
  methods: {
    // get any data (from an api, json, csv etc)
    getData: function() {

    }
  },
  ready() {
  
  },
});

rails-http.js

// if using vue resource in rails we need to set the csrf token as a header, go it globally like this if you have it in your rails template

Vue.http.headers.common['X-CSRF-TOKEN'] = $('meta[name="csrf-token"]').attr('content')

vue-resource.js

// GET request
      this.$http.get('/someUrl').then(function (response) {

          // get status
          response.status;

          // get all headers
          response.headers();

          // get 'expires' header
          response.headers('expires');

          // set data on vm
          this.$set('someData', response.data)

      }, function (response) {

          // error callback
      });