methods选项 发表于 2019-05-24 | 更新于 2019-05-25 | 分类于 Vue | 评论数: methods方法一般跟@click这样的绑定,下面有三个栗子,分别是简单的传值绑定,组件绑定,实例外绑定 1234567891011121314151617181920212223242526272829<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> -------------本文结束感谢您的阅读-------------