V-IF的定義：

v-if是組件中的一個元素，他是根據(jù)條件來執(zhí)行不同的運行結(jié)果

V-IF的使用：

小實例：導(dǎo)航欄的變化

變化條件：根據(jù)token是否為空進行導(dǎo)航欄的變化

image.png

• 代碼作用：調(diào)用后臺接口，通過localStorage設(shè)置緩存對象
• 代碼結(jié)果：這樣我們就能在頁面緩存中存儲一個loginUser的對象，
• 后面作用：可以根據(jù)是否存在loginUser對象來顯示不同導(dǎo)航欄

當(dāng)loginUser存在時

image.png

• 代碼作用：獲取登陸界面設(shè)置的loginUser對象，查看其是否存在

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

  
  
  image.png

• 那么最終效果將是：

  
  
  image.png

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

  
  
  image.png

• 那么最終效果將是：

  
  
  image.png

后端接口層Controller代碼：

image.png