Vue.js条件if else

<template>
  <div>
    <div v-if="isLoggedIn">
      <h1>Welcome, {{ username }}!</h1>
      <button @click="logout">Logout</button>
    </div>
    <div v-else>
      <input v-model="username" placeholder="Username">
      <input v-model="password" placeholder="Password" type="password">
      <button @click="login">Login</button>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      isLoggedIn: false,
      username: '',
      password: ''
    };
  },
  methods: {
    login() {
      // 登录逻辑
      this.isLoggedIn = true;
    },
    logout() {
      // 登出逻辑
      this.isLoggedIn = false;
      this.username = '';
      this.password = '';
    }
  }
};
</script>