The very first Vue.js example

by Md. Atiquzzaman Soikat

HTML

<script src="https://unpkg.com/vue"></script>
<script src="https://unpkg.com/vuex"></script>
<div id="demo">
    <div>{{ count }}</div>
    <button @click.prevent="increment">+1</button>
    <button @click.prevent="decrement">-1</button>
</div>

JavaScript

const store = new Vuex.Store({
  state: {
    count: 0
  },
  mutations: {
    increment (state) {
      state.count++
    },
    decrement(state){
      state.count--    
    }
  }
});
var demo = new Vue({
    el: '#demo',
    computed:{
    	count(){
      	return store.state.count
      }
    },
    methods: {
    	increment (){
        store.commit('increment')
      },
      decrement (){
      	store.commit('decrement')
      }
    }
})