指令的补充

1、v-html

例：

    
        
        
    
    
        

            
            
{{msg}}
        
        
        
    

运行结果为：

image.png

2、v-text

例：

    
        
        
    
    
        

                     
            
{{msg}}
        
        
        
    

运行结果为：

image.png

3、v-once

v-once只绑定一次。

例:

    
        
        
    
    
        

            
            {{msg}}
        
        
        
    

运行结果为：

image.png

4、v-pre

v-pre指原样输出。

例：

    
        
        
    
    
        

            
            
{{msg}}
        
        
        
    

运行结果为：

image.png

5、v-cloak

v-cloak这个指令保持在元素上直到关联实例结束编译。和 CSS 规则如 [v-cloak] { display: none } 一起使用。

例:

    
        
        
        
    
    
        

            
{{msg}}
        
        
        
    

运行结果为：

image.png

image.png