Vue内部指令

1.v-if/v-else/v-show

        
isLogin为true时显示
        
isLogin为false时显示
        
isLogin为true时显示
        

2.v-for

        

            

                {{item}}
            
        

3.v-text/v-html

    
v-text&v-html

    

    

        
        {{message}}
    
        
        

        
         
    

    

4.v-on监听事件绑定

    

        
比赛得分：{{score}}
        

            加分(v-on)
            
            减分(v-on简写)
            

            
            

            加分（onclick方法）
        
    

    

5.v-model数据源绑定、双向数据绑定

        
原始文本信息：{{message}}
        
        
v-model：

        
        
v-model.lazy：

        
        
v-model.number：

        
        
v-model.trim

6.v-bind绑定标签上的属性

        
        
        技术宅

        
1.绑定Class
        
2.绑定Class中的判断
        
3.绑定Class中数组
        
4.绑定Class中三元运算符

        

            
            isOK={{isOK}}
        

    
5.绑定style值
    
6.对象绑定style
    

7.v-pre/v-cloak/v-once

        
        
v-pre 原样输出，不进行渲染：{{message}}

        
v-cloak渲染完成后才显示：{{message}}

        
v-once只在第一次渲染时显示一次：{{message}}

        
修改内容对v-once不影响