main.js 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. // The Vue build version to load with the `import` command
  2. // (runtime-only or standalone) has been set in webpack.base.conf with an alias.
  3. import Vue from 'vue';
  4. import Vuex from 'vuex';
  5. import VueRouter from 'vue-router';
  6. import VueResource from 'vue-resource';
  7. import VueMaterial from 'vue-material';
  8. import 'vue-material/dist/vue-material.css';
  9. import 'roboto-fontface/css/roboto/roboto-fontface.css';
  10. import 'material-design-icons/iconfont/material-icons.css';
  11. import jQuery from 'jquery';
  12. import store_data from './store.js';
  13. import App from './App';
  14. import User from './User';
  15. import Toolbar from './Toolbar';
  16. Vue.use(Vuex);
  17. Vue.use(VueRouter);
  18. Vue.use(VueResource);
  19. Vue.use(VueMaterial);
  20. var routes = [
  21. {path: '/', name: 'root', component: App},
  22. {path: '/day/', name: 'days', component: App},
  23. {path: '/day/:day', name: 'day', component: App},
  24. {path: '/user/:user', name: 'user', component: User}
  25. ];
  26. const store = new Vuex.Store(store_data);
  27. const router = new VueRouter({routes});
  28. const store2 = new Vuex.Store({
  29. state: {
  30. count: 0
  31. },
  32. mutations: {
  33. increment (state) {
  34. state.count++;
  35. }
  36. }
  37. });
  38. var vue = new Vue({
  39. el: '#app',
  40. store: store,
  41. template: '<div id="app"><Toolbar /><router-view class="view"></router-view></div>',
  42. router: router,
  43. components: { App, Toolbar, User }
  44. });