48 lines
682 B
JavaScript
48 lines
682 B
JavaScript
|
import Vue from 'vue';
|
||
|
|
import Vuex from 'vuex';
|
||
|
|
import VueRouter from 'vue-router';
|
||
|
|
import Navigation from './components/navigation.vue';
|
||
|
|
import Dashboard from './components/dashboard.vue';
|
||
|
|
import Userlist from './components/userlist.vue';
|
||
|
|
|
||
|
|
|
||
|
|
Vue.use(Vuex);
|
||
|
|
Vue.use(VueRouter);
|
||
|
|
|
||
|
|
|
||
|
|
const store = new Vuex.Store({
|
||
|
|
state: {
|
||
|
|
count: 0
|
||
|
|
},
|
||
|
|
mutations: {
|
||
|
|
increment (state) {
|
||
|
|
state.count++
|
||
|
|
}
|
||
|
|
}
|
||
|
|
})
|
||
|
|
|
||
|
|
const routes = [
|
||
|
|
{
|
||
|
|
path: '/',
|
||
|
|
component: Dashboard
|
||
|
|
},
|
||
|
|
{
|
||
|
|
path: '/userlist',
|
||
|
|
component: Userlist
|
||
|
|
}
|
||
|
|
];
|
||
|
|
|
||
|
|
const router = new VueRouter({
|
||
|
|
routes
|
||
|
|
});
|
||
|
|
|
||
|
|
new Vue({
|
||
|
|
el: '#vue-app',
|
||
|
|
components: {
|
||
|
|
Navigation
|
||
|
|
},
|
||
|
|
store,
|
||
|
|
router,
|
||
|
|
data: {
|
||
|
|
}
|
||
|
|
});
|