版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
1、防止事件冒泡
<button @click.stop="print('button')">点我试试啊</button>
2、防止页面跳转
<a href="http://www.baidu.com" @click.prevent ="print('我是百度')">百度一下,你就知道</a>
3、计算属性和watch属性
const app=new Vue({
el:"#app",
data:{
num:1,
isRed:true,
birthday:152903215210,
person:{
name:"Jack",
age:12
}
},
computed:{
birth(){
const day=new Date(this.birthday);
return day.getFullYear()+"年"+day.getMonth()+"月"+day.getDay()+"日";
}
},
watch:{
num(val,oldval){
console.log(val,oldval)
},
person:{
deep:true,
handler(val) {
console.log(val.age)
}
}
}
});
<h1>
您的生日:{{birth}}
</h1>
<!-- watch-->
<input type="text" v-model="num">
<h1>num:{{num}}</h1>