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)
跑马灯练习




    
    
    
    Document



    

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

    
    
GO Baidu
v-model双向绑定
    

共{{num}}人

练习:建议计算机




    
    
    
    Document



    

你可能感兴趣的:(vue入门以及一些常用指令)