vue中v-on控件事件

methods中放入事件
window.onload = function(){
				var c= new Vue({
					el:'#box',
					data:{
						arr:['apple','banana','orange','pear'],
						json:{a:'red',b:'green'}
					},
					methods:{
						//这个函数会自动对应上面我们new出来的对象
						//所以可以使用this
						//点击后在下面添加一个tomato
						add:function(){
							this.arr.push('tomato');
						}
					}
				});
			};
html中的代码
<div id="box">
			<!--
            	时间:2018-02-23
            	描述:v-on事件包括:click、mouseover、mouseout、mousedown、dblclick
            -->
			<input type="button" name="" id="" value="v-on事件" v-on:click="add()"/>	
			<ul>
				<li v-for="value in arr">{{value}}</li>
			</ul>
		</div>

评论

大侠名号:   验证码: 点击我更换图片  

修远兮

在这里记录每一点自己需要的知识

添加创始人微信,一起交流心得

推荐文章RECOMMEND