条件渲染.

1.v-if：

写法：

• v-if="表达式"
• v-else-if="表达式"
• v-else

适用于：切换频率较低的场景

特点：不展示的DOM元素直接被移除

注意：v-if可以和v-else-if、v-else一起使用，但要求结构不能被打断

2.v-show：

• 写法：v-show="表达式"
• 适用于：切换频率较高的场景
• 特点：不展示的DOM元素未被移除，仅仅是使用样式隐藏掉

使用v-if的时，元素可能无法获取到，而使用v-show一定可以获取到

代码示例：

    
    
    



    
    
欢迎来到{{name}}

    
欢迎来到{{name}}


    
    
欢迎来到{{name}}

    
欢迎来到{{name}}


    
当前n的值为：{{n}}
    点我n+1

    
Angular
    
React
    
Vue

    
Angular
    
React
    
Vue

    
    
Angular
    
React
    
Vue
    
哈哈