VUE定义方法的方式

时间:2022-12-20 12:09:35
写法粗糙,只是为了自己工作时方便查看
方式一: 
<div id="demo">
<button @click="clickone">one click</button>
</div>
<button onclick="app.outer()">outer btn</button>
 
<script type="text/javascript">
 
new Vue({
el:"#demo",
data:{
num:1
},
methods:{
clickone(event){
console.log(event.target.tagName);
 
}
}
})
</script>

 
方式二:
 <div id="demo">
<button @click="clickone">one click</button>
</div>
<button onclick="app.outer()">outer btn</button>
 
<script type="text/javascript">
 
new Vue({
el:"#demo",
data:{
num:1
},
methods:{
clickone:function(event){
console.log(event.target.tagName);
 
}
}
})
</script>