VueJS -在一个方法中访问多个数据

data() {
  return {
    name: 'John',
    age: 25,
    gender: 'male'
  }
},
methods: {
  getInfo() {
    console.log(this.name, this.age, this.gender);
  }
}

data() {
  return {
    name: 'John',
    age: 25,
    gender: 'male'
  }
},
computed: {
  fullName() {
    return this.name + ' Doe';
  }
},
methods: {
  getInfo() {
    console.log(this.fullName, this.age, this.gender);
  }
}

props: ['name', 'age', 'gender'],
methods: {
  getInfo() {
    console.log(this.name, this.age, this.gender);
  }
}