03-vue指令

v-once指令

v-once指令可以让元素只渲染一次，渲染后，无论数据怎么改变，该元素也不会发生变化。

    
{{name}}
    
{{name}}

v-cloak指令

vue渲染数据原理

• 先将未绑定数据的元素展示在页面上
• 将元素和数据进行绑定
• 将传递后的元素再次展现到页面上
  v-cloak可以先隐藏为绑定的元素，等到元素传递完数据后，再呈现。
  不过需要配合css使用，先用display将元素隐藏

    
    
    
    





    
{{name}}

v-text指令和v-html指令

在vue中，使用插值的方式无法插入html元素。
v-text会覆盖原来的元素内容，不过不会解析html
v-html会覆盖原有的内容，可以解析html内容

   
++++++++
   
++++++++

v-if指令

该指令可以对元素实现条件管理。只要满足条件就可以实现元素的展现，如果内容为ture则显示元素，如果为false，就不加载元素，也不会被创建

    
成年人1
    
成年人2
    
未成年人3

• 可以直接设定age取值为ture或者false
• 可以和v-else结合使用，不过中间不可以插入其他元素
• v-else不可以单独使用
• 可以结合v-if-else使用