Cara menambah objek ke dalam array?

Kenapa kode di bawah ini error ya saat tombol Tambah di klik? padahal kalau dari console bisa menambah object dengan cara ini

<div id="app">
    <input type="text" v-model = "key">
    <ul>
      <li v-for="member in members | filterBy key in 'name' 'age' ">
        Name : {{ member.name | uppercase}}<br>
        Age  : {{ member.age }}
      </li>
    </ul>
    <button @click="add()">Tambah</button>
  </div>

  <script src="js/vue.js"></script>
  <script>
    let vo = new Vue({
      el: "#app",
      data: {
        members: [
          {name: "irman", age: 20},
          {name: "billy", age: 30},
          {name: "gate", age: 23}
        ],
        key: ""
      },
      methods: {
        add: ()=> {
          this.members.push({name: "hafiz", age: 3});
        }
      }
    });
  </script>