本文介绍了Vue2.0中的事件委托、事件修饰符，如按键修饰符、v-model的双向绑定及其特殊用法，包括v-model.number、v-model.trim和v-model.lazy。还涵盖了条件渲染指令v-if和v-show，以及列表渲染v-for的基本应用。
VUE中事件委托
在实参内固定的写法$event，再传给形参(开发不常用)
<body>
<div id="app">
<p>count的值是 : {
{count}}</p>
<button @click="add(1,$event)">+N</button>
</div>
<script>
const vm = new Vue({
el:'#app',
data :{
count : 0,
},
methods:{
add(n,e){
this.count+=n
if(this.count%2===0){
//odd
e.target.style.background='red'
}else{
//even
e.target.style.background=''
}
}
}
})
</script>
</body>VUE事件修饰符（阻止默认行为和组织事件冒泡
<a href="www.baidu.com" @click.prevent="show">跳转啦</a>
<button @click.stop="btn">按钮</button>
最低0.47元/天 解锁文章
扫一扫
324
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
