vue指令（1）

• v-test

渲染元素中的纯文本。

    

    
    
{{message}}
 

注意：v-text直接输出字符串时需要用单引号包含，否则将报错。例如：

• v-html

将html内容解析后输出。

渲染结果

• v-show

控制元素的显示与隐藏。

    
    
看我显示不显示

注意：v-show 只是简单的改变元素的display属性，不管是 true 或 false，页面均存在该元素。

• v-if

条件判断指令，根据其表达式的值的真假决定是否渲染元素。

    
iPhone
    
小米
    
华为

如果使用一个变量控制多个元素的显示与隐藏，可以使用