learning vue.js

admin.js

var track = require('./track');

track.js

var Vue        = require('vue')
var trackStore = require('./trackStore');

var vm = new Vue({
	el: '#admin-track',

	data: {
		storeData: trackStore.data,
		tracks   : trackStore.data.tracks,	// doesn't receive updates, have to use $watch
	},

	ready: function () {
		this.$watch('storeData.tracks', function() {
			this.tracks = this.storeData.tracks;
		})
	}
});

export default vm;

trackStore.js

var Vue = require('vue').use(require('vue-resource'));

var trackStore = {

	data: {
		tracks: [],
	},

	fetchAll: function () {
		var self = this;
		Vue.http.get('/api/admin/tracks', function(tracks) {
			self.data.tracks = tracks;
		})
	}
}

trackStore.fetchAll();

export default trackStore;