Vue.js笔记 之 入门篇

★ click和onclick的区别

我们经常会在Dom对象上添加 onclick 或在页面加载完成时为对象添加click方法

click与onclick区别总结如下

1、click是对象的方法，onclick是事件，当我们点击按钮是，首先触发的是事件，然后是方法，举个栗子

<button id="test_btn" onclick="textOnclick()"  ></button>

$('#test_btn').click(function(){

    alert("click执行");

})

function textOnclick(){

    alert("onclick执行");

}

我们会发现，当我们点击按钮时，首先执行onclick，然后执行click，因为onclick是按钮的点击事件，首先触发事件，而后触发事件的点击方法，也就是说即便我们不添加点击方法，当我们点击时也会触发点击事件

2、方法可直接直接，事件只能触发，也就是说，方法可以以其他方式执行，而对于按钮的点击事件需要进行点击触发

3、关系 事件---触发函数

★ var key = setInterval(函数, 400) -- 每隔400毫秒执行一次里面的函数，clearInterval(key) -- 停止前面的计时器（注意作用域的问题）

★ v-on 下的 事件修饰符

冒泡

阻止冒泡

下面的默认行为是 超链接的跳转，加了prevent就不会实现跳转

下面的capture捕获机制 是 重外到里执行事件

下面的self事件修饰符 是阻止self所在的元素被冒泡

once，无顺序之分 -- prevent 和 once

self 和 stop 的区别