vue v-on指令学习例子整理记录自学前端

原创于 2016-05-14 20:40:40 发布 · 1.6w 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue

vue 专栏收录该内容

26 篇文章

订阅专栏

本文通过实例详细介绍了Vue中v-on指令的使用方法，展示了如何为DOM元素绑定点击事件，并触发相应的函数。代码示例清晰地说明了v-on指令与@click语法糖的用法，以及如何在Vue实例的方法中响应事件。

vue v-on指令学习例子整理记录自学前端

<div id="app">
	<input type="button" v-on:click="click" v-bind:value="msg"></input><br/>
	<input type="button" @click="click" v-bind:value="msg"></input>
</div>

<script src="vue.js"></script>
<script type="text/javascript">
	var vm = new Vue({
		el: '#app',
		data: {
			msg: 'click me'
		},
		methods:{
			click:function() {
				alert('hehe');
			}
		}
	})
</script>