JSFiddle - React, Tailwind, and code Playground

by mckabue

HTML

<script src="https://unpkg.com/vue"></script>
<script src="https://unpkg.com/vuex"></script>
<div id="app">
  <greeting></greeting>
</div>

JavaScript

Vue.component('greeting', function(resolve){
    resolve({
      template: '<h1>Hello 2!</h1>',
      computed: {
      user1: function(){
      return 'User 1';
      }
      },
      created: function(){
        this.$store.commit('addUser', this.user1);
      }
    });
});


var store = new Vuex.Store({
            state: {
            	users: []
            },
            mutations: {
                addUser: function (data, user) {
               this.state.users.push(user);
                }
              }
            }),
app = new Vue({
el: '#app',
store: store
});