Vue事件修饰符以及修改属性

一事件修饰符

1，修饰符

1.1 prevent: 阻止默认事件（常用）

1.2 stop： 阻止事件冒泡 （常用）

1.3 once 事件只触发一次（常用）

1.4 self 只有触发自身才会执行 （常用）

1.5 capture 使用事件的捕获模式

1.6 passive 事件的默认行为立即执行，无需等待

2用法

    
    
    



    禁止跳转
    禁止默认行为加阻止跳转

    

        

            

        
    

这里我们用原生的阻止对比一下

    
    
    



    超链接

发现使用事件修饰符更好

二v-bind

我们知道之前的插值表达式，v-text,v-html这些都是渲染数据，而且数据是渲染到标签体中的，那我们如果想修改属性值的话这些都是用不到的，v-bind就是负责渲染数据到属性中