V-IF的定义：

v-if是组件中的一个元素，他是根据条件来执行不同的运行结果

V-IF的使用：

小实例：导航栏的变化

变化条件：根据token是否为空进行导航栏的变化

image.png

• 代码作用：调用后台接口，通过localStorage设置缓存对象
• 代码结果：这样我们就能在页面缓存中存储一个loginUser的对象，
• 后面作用：可以根据是否存在loginUser对象来显示不同导航栏

当loginUser存在时

image.png

• 代码作用：获取登陆界面设置的loginUser对象，查看其是否存在

• V-if作用：如果存在的时候，即

  
  
  image.png

• 那么最终效果将是：

  
  
  image.png

• V-if作用： 如果不存在的时候，即

  
  
  image.png

• 那么最终效果将是：

  
  
  image.png

后端接口层Controller代码：

image.png