Vue框架编写页面，使用v-if判断是否登录

• 现在script中的data记入一个user，并得到user的数据

  
  

• 如果获得的user不为空时，已为登录状态

  
  image.png

页面效果

image.png

• 当user为null时，为没有登录状态

  
  image.png

页面效果

image.png

使用v-if判断状态，从而根据不同的登录状态，出现不同的页面效果