Skip to content

Instantly share code, notes, and snippets.

View c0depanda's full-sized avatar

Nosa Obaseki c0depanda

44 followers · 19 following
View GitHub Profile
@c0depanda
c0depanda / main.js
Last active January 6, 2019 03:03
import Vue from 'vue';
import store from './store.js';
new Vue({
// Adding the Vuex store to the Vue instance
store,
}).$mount('#app');
@c0depanda
c0depanda / store.js
Created January 6, 2019 02:57
// import Vue
import Vue from 'vue';
// import Vuex
import Vuex from 'vuex';
// Install the Vuex plugin on vue
Vue.use(Vuex);
// create a Vuex store instance
export const store = new Vuex.Store({
@c0depanda
c0depanda / example3.vue
Created January 6, 2019 03:02
<template>
<main>
<h1>Cart Content</h1>
<p>Total Number of Items: {{totalNumberOfCartItems}}</p>
</main>
</template>
<script>
export default {
computed: {
@c0depanda
c0depanda / store.js
Last active January 6, 2019 04:47
// import Vue
import Vue from 'vue';
// import Vuex
import Vuex from 'vuex';
// Install the Vuex plugin on vue
Vue.use(Vuex);
// create a Vuex store instance
export const store = new Vuex.Store({
@c0depanda
c0depanda / example4.vue
Last active January 12, 2019 13:54
<template>
<main>
<h1>Cart Content</h1>
<p>Total Number of Items: {{totalNumberOfCartItems}}</p>
<form @submit.prevent="addItemToCart">
<input type="text" v-model="item" required>
<button type="submit">Add to cart</button>
</form>
</main>
</template>
@c0depanda
c0depanda / store.js
Last active January 12, 2019 14:13
// import Vue
import Vue from 'vue';
// import Vuex
import Vuex from 'vuex';
// Install the Vuex plugin on vue
Vue.use(Vuex);
// create a Vuex store instance
export const store = new Vuex.Store({
@c0depanda
c0depanda / example5.vue
Created January 12, 2019 14:12
<template>
<main>
<h1>Cart Content</h1>
<p>Total Number of Items: {{totalNumberOfCartItems}}</p>
<form @submit.prevent="addItemToCart">
<input type="text" v-model="item" required>
<button type="submit">Add to cart</button>
</form>
<button type="button" @click="checkout">Checkout</button>
@c0depanda
c0depanda / store.js
Created January 12, 2019 21:25
// import Vue
import Vue from 'vue';
// import Vuex
import Vuex from 'vuex';
// Install the Vuex plugin on vue
Vue.use(Vuex);
// create a Vuex store instance
export const store = new Vuex.Store({
@c0depanda
c0depanda / example5.vue
Created January 12, 2019 21:29
<template>
<main>
<h1>Cart Content</h1>
<p>Total Number of Items: {{totalNumberOfCartItems}}</p>
<form @submit.prevent="addItemToCart">
<input type="text" v-model="item" required>
<button type="submit">Add to cart</button>
</form>
<button type="button" @click="checkout">Checkout</button>
@c0depanda
c0depanda / finalstore.js
Created January 15, 2019 10:48
import Vue from 'vue'
import Vuex from 'vuex'
import state from './state'
import getters from './getters'
import mutations from './mutations'
import actions from './actions'
Vue.use(Vuex)
export default new Vuex.Store({