Есть ли способ использовать свойство данных внутри данных того же объекта данных в vuejs?

Question

Я новичок в Vue js, а также в интерфейсе внешнего интерфейса. Недавно я узнал о vue js. Итак, у меня есть крошечная задача в vue js. Просто добавьте пользователя и отобразите всех пользователей, которых я добавил. Итак, вот мой код.

<div id="todo">
    <b-card class="col-md-12 text-center">
      <b-row>
        <b-col md="4">
          <b-input v-model="firstName" placeholder="Firstname"></b-input>
        </b-col>
        <b-col md="4">
          <b-input v-model="lastName" placeholder="Lastname"></b-input>
        </b-col>
        <b-col md="2">
          <b-btn class="btn btn-success" @click="addUser">Add User</b-btn>
        </b-col>
      </b-row>
    </b-card>
    <table>
      <caption>Users</caption>
      <thead>
        <tr>
          <th>Index</th>
          <th>First name</th>
          <th>Last name</th>
        </tr>
      </thead>
      <tbody>
        <tr v-for="(u, index) in users" :key="index">
          <td>{{u.uid}}</td>
          <td>{{u.firstname}}</td>
          <td>{{u.lastname}}</td>
        </tr>
      </tbody>
    </table>
  </div>

<script>
export default {
  name: "todo",
  data() {
    return {
      users: [{ id: **this.uid**, firstname: "John", lastname: "Doe" }],
      **uid**: 1,
      firstName: "",
      lastName: ""
    };
  },
  methods: {
    addUser() {
      let newUser = {
        id: this.id + 1,
        firstname: this.firstName,
        lastname: this.lastName
      };
      this.users.push(newUser);
      (this.firstName = ""), (this.lastName = "");
    }
  }
};
</script>

Теперь мой вопрос: можно ли использовать uid в моем массиве пользователей в объекте данных?

Answer 1

Вы можете использовать его в своих данных следующим образом:

<script>
const uid = 1;

export default{
    data(){
       return {
          id : uid
       }

    }
}
</script>

Answer 2

вы можете запустить ваш код в методе созданный следующим образом

{
   created () {
      let firstUser = { id: this.uid, firstname: "John", lastname: "Doe" }
      this.users.push(firstUser)
   },
   data () {
      users: [],
      uid: 1
   }
}