methods选项

methods方法一般跟@click这样的绑定,下面有三个栗子,分别是简单的传值绑定,组件绑定,实例外绑定

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<div id="app">
<p>{{count}}</p>
<button @click="add(2)">add</button>
<!-- .native的意思实质上就是调用原生的js方法,这个技巧很常用 -->
<btn @click.native="add(3)"></btn>
</div>
<button onclick="app.add(4)">实例化外</button>
<script>
var btn={
template:`<button>add组件</button>`
}
var app = new Vue({
el:'#app',
data:{
count:1
},
components:{
'btn':btn
},
methods:{
add:function(num){
if(num !=''){
this.count+=num
}
else this.num++
}
}
})
</script>
-------------本文结束感谢您的阅读-------------