Edit in JSFiddle

const store = new Vuex.Store({
  strict: true,
  state: {
    users: [
    	{'id':1, 'name':'Nguyễn Văn A', 'email':'a.nguyenvan@allaravel.com', 'address':'Hà Nội'},
      {'id':2, 'name':'Nguyễn Văn B', 'email':'b.nguyenvan@allaravel.com', 'address':'Hồ Chí Minh'},
      {'id':3, 'name':'Nguyễn Văn C', 'email':'c.nguyenvan@allaravel.com', 'address':'Đà Nẵng'},
      {'id':4, 'name':'Nguyễn Văn D', 'email':'d.nguyenvan@allaravel.com', 'address':'Hải Phòng'},
      {'id':5, 'name':'Nguyễn Văn E', 'email':'e.nguyenvan@allaravel.com', 'address':'Thanh Hóa'},
    ],
  },
  mutations: {
    createUser: function (state, userObj) {
      state.users.push(userObj)
    },
    updateUser: function (state, finalUserObj) {
      let index = state.users.map(u => u.id).indexOf(finalUserObj.id)
      state.users.splice(index, 1, finalUserObj)
    },
    deleteUser: function (state, userId) {
      let index = state.users.map(u => u.id).indexOf(userId)
      state.users.splice(index, 1)
    }
  }
});
var vm = new Vue({
	el: '#app',
  store: store,
  data: {
    userObj: {},
    userObjFromStore: {}
  },
  computed: {
    users() {
      return this.$store.state.users
    }
  },
  methods: {
  	createUser() {
    	this.userObj.id = this.users.length + 1
      this.$store.commit('createUser', this.userObj)
      this.userObj = {}
      $("#createUserModal").modal('hide')
    },
    showUpdateUserModal(userId) {
      this.userObjFromStore = this.users.find(u => u.id == userId)
      $("#updateUserModal").modal('show')
    },
    updateUserObj(attribute, e) {
      this.userObj[attribute] = e.target.value
    },
    updateUser() {
      var finalUserObj = Object.assign({}, this.userObjFromStore, this.userObj)
      this.$store.commit('updateUser', finalUserObj)
      $("#updateUserModal").modal('hide')
    },
    deleteUser(userId) {
    	this.$store.commit('deleteUser', userId)
    }
  }
})
<div id="app">
  <div class="container-fluid">
    <h3>QUẢN LÝ NGƯỜI DÙNG ALLARAVEL.COM</h3>
    <div class="row">
      <div class="col-md-12">
         <button type="button" class="btn btn-success" data-toggle="modal" data-target="#createUserModal">
          <span class="glyphicon glyphicon-plus"></span> Thêm người dùng
        </button>
      </div>
    </div>
    <!-- createUserModal -->
    <div class="modal fade" id="createUserModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <h4 class="modal-title" id="myModalLabel">THÊM NGƯỜI DÙNG</h4>
          </div>
          <div class="modal-body">
            <div class="row">
              <div class="form-group">
                <label class="col-sm-2 control-label">Họ và tên</label>
                <div class="col-sm-10">
                  <input type="text" class="form-control" v-model="userObj.name" placeholder="Họ và tên">
                </div>
              </div>
            </div>
            <div class="row">
              <div class="form-group">
                <label class="col-sm-2 control-label">Email</label>
                <div class="col-sm-10">
                  <input type="email" class="form-control" v-model="userObj.email" placeholder="Địa chỉ email">
                </div>
              </div>
            </div>
            <div class="row">
              <div class="form-group">
                <label class="col-sm-2 control-label">Địa chỉ</label>
                <div class="col-sm-10">
                  <input type="text" class="form-control" v-model="userObj.address" placeholder="Địa chỉ">
                </div>
              </div>
            </div>  
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Hủy bỏ</button>
            <button type="button" class="btn btn-success" @click="createUser()">Thêm user</button>
          </div>
        </div>
      </div>
    </div>
    <!-- /createUserModal -->
    <!-- updateUserModal -->
    <div class="modal fade" id="updateUserModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <h4 class="modal-title" id="myModalLabel">CHỈNH SỬA THÔNG TIN NGƯỜI DÙNG</h4>
          </div>
          <div class="modal-body">
            <div class="row">
              <div class="form-group">
                <label class="col-sm-2 control-label">Họ và tên</label>
                <div class="col-sm-10">
                  <input type="text" class="form-control" v-bind:value="userObjFromStore.name" @input="updateUserObj('name',$event)" placeholder="Họ và tên">
                </div>
              </div>
            </div>
            <div class="row">
              <div class="form-group">
                <label class="col-sm-2 control-label">Email</label>
                <div class="col-sm-10">
                  <input type="email" class="form-control" v-bind:value="userObjFromStore.email" @input="updateUserObj('email',$event)" placeholder="Địa chỉ email">
                </div>
              </div>
            </div>
            <div class="row">
              <div class="form-group">
                <label class="col-sm-2 control-label">Địa chỉ</label>
                <div class="col-sm-10">
                  <input type="text" class="form-control" v-bind:value="userObjFromStore.address" @input="updateUserObj('address',$event)" placeholder="Địa chỉ">
                </div>
              </div>
            </div>  
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Đóng</button>
            <button type="button" class="btn btn-success" @click="updateUser()">Cập nhật</button>
          </div>
        </div>
      </div>
    </div>
    <!-- /updateUserModal -->
    <table class="table table-hover">
      <thead>
        <tr>
          <th>UserID</th>
          <th>Họ và tên</th>
          <th>Email</th>
          <th>Địa chỉ</th>
          <th>Action</th>
        </tr>
      </thead>
      <tbody>
        <tr v-for="user in users">
          <td v-text="user.id"></td>
          <td v-text="user.name"></td>
          <td v-text="user.email"></td>
          <td v-text="user.address"></td>
          <td>
            <button class="btn btn-primary" @click="showUpdateUserModal(user.id)">
              <span class="glyphicon glyphicon-pencil"></span> Chỉnh sửa
            </button>
            <button class="btn btn-danger" @click="deleteUser(user.id)">
              <span class="glyphicon glyphicon-remove"></span> Xóa
            </button>
          </td>
        </tr>
      </tbody>
    </table>
  </div>
</div>