Vue的条件渲染指令

与JS的条件语句类似，Vue的条件指令可以根据表达式的值在DOM中渲染或者销毁元素/组件

v-else-if要紧跟v-if，v-else要紧跟v-else-if或者v--if，表达式的值为真时，当前元素/组件以及所有子节点将被渲染，为假时被移除。

 
  
  
  
  
  
  
 
 
  

  
当status为1时显示该行
  
当status为2时显示该行
  
当status不为为1或2时显示该行
 


 

 

---

如果一次判断的是多个元素，可以在Vue.js内置的      切换输入类型  

 

 

输入内容后，点击切换按钮，虽然DOM变了，但是之前在输入框输入的内容并没有改变，只是替换了placeholder的内容，说明input元素被复用了。

如果不希望这样做，可以使用Vue提供的key属性，他可以让你自己决定是否要复用元素，key的值

必须是唯一的：

  
  
  切换输入类型
 


 

给两个都增加key后，就不会复用了，切换输入类型时输入的内容也会被删除，不过的元素仍然是被复用的，因为没有添加key属性。