Untitled

<!DOCTYPE html>
<html>

<head>
  <meta content="text/html;charset=utf-8" http-equiv="Content-Type">
  <meta content="utf-8" http-equiv="encoding">
  <title>Users manager</title>
  <link rel="stylesheet" href="style.css">
  <script type="text/javascript" src="libs/vue/vue.js"></script>
  <script type="text/javascript" src="libs/axios/axios.js"></script>
  <script type="text/javascript" src="users.js"></script>
</head>

<body>
  <div id="app">

    <ul class="user-list">
      <li v-for="(user, index) in users">
        <div class="user-row">
          <div class="user-name"><b>{{ user.name }}</b></div>
          <div class="user-city"><i>{{ user.city }}</i></div>
          <button class="removeItem" v-on:click="remove({index})">X</button>
        </div>
      </li>
    </ul>
    <input name="nameItem" v-model="name" placeholder="Name">
    <input name="cityItem" v-model="city" placeholder="City">
    <button class="add-button" v-on:click="addItem()">Add</button>
    <button class="update-button" v-on:click="updateItem()">Update</button>
  </div>
  <script src="app.js"></script>
</body>

</html>