HTML 部分代码
<div id="div_id">
<!-- 点击方法 -->
<button v-on:click="fangfa"></button>
<!-- 内联语句 -->
<button v-on:click="fangfa('111')"></button>
<!-- 缩写 -->
<button @click="fangfa"></button>
<!-- 停止冒泡 -->
<button @click.stop="fangfa"></button>
<!-- 点击回调只会触发一次 -->
<button v-on:click.once="fangfa"></button>
</div>
JS 部分代码
//引入vue.js
<script src="/js/vue.js"></script>
//创建一个 Vue 实例
<script>
var vm= new Vue({
//区块标签的ID
el: '#div_id',
//定义变量、属性
data: {
},
//属性计算
computed:{
},
//实例被挂载后调用
mounted:function(){
},
//方法集群
methods: {
fangfa(){
var that = this;
//业务逻辑
},
},
})
</script>