vue入门以及一些常用指令

入门练习

    
{{msg}}
    
    

常用指令

v-cloak 处理数据渲染时，因网速过慢，导致用户看家类似{{msg}}的数据

    
{{msg}}

v-text：是将数据当做文本来解析，与差值表达式{{}}效果一样

v-html:是将数据当做html解析，数据中的标签会被识别

v-bind 绑定标签属性，用时需后面加上 ：然后接属性名（ v-bind:tytle="title" ）也可以简写为 :tytle="title"

v-on绑定事件用法如：（v-on:click单击事件，可以简写为 @click）

    按钮
    按钮

跑马灯练习

    
    
    
    



    

        

        浪起来
        别浪
    
    
    

事件修饰符：

prevent取消默认事件stop 阻止事件冒泡capture 捕获事件处理事件由外向内（当有capture时stop就不起作用了）self 会使标签必须是直接点击才能触发once 只生效一次

    
    

        
        GO Baidu
        
        阻止冒泡
        
        self
    

v-model双向绑定

    

        
        
共{{num}}人
        
        切换
    
    
    

练习：建议计算机

    
    
    
    



    

        
        
            +
            -
            x
            ÷
        
        
        
等于